无法为jQuery Select2赋值，寻求技术排查与解决方法

嘿，我一眼就揪出核心问题了——你的<select>标签里完全没有任何<option>元素！Select2本质上还是基于原生下拉框工作的，它根本没办法选中一个不存在的选项，这就是你所有尝试都失效的关键原因。

第一步：先给下拉框添加上对应的选项 #

不管是静态写死还是动态生成，你得先把要选择的选项放进<select>里，比如：

静态添加选项（适合固定数据场景）

<select class="form-control select2" style="width: 100%;" id="drpSearchSubjCode">
  <option value="1">数学</option>
  <option value="2">语文</option>
  <!-- 其他需要的科目选项 -->
</select>

动态添加选项（适合从后端获取数据的场景）

如果你的科目数据是动态加载的，可以用JS生成选项：

// 假设这是你从后端拿到的科目数据
var subjectList = [
  { id: 1, text: "数学" },
  { id: 2, text: "语文" },
  { id: 3, text: "英语" }
];

// 获取下拉框元素
var $subjSelect = $('#drpSearchSubjCode');
// 清空现有选项（如果有的话）
$subjSelect.empty();
// 循环添加选项
$.each(subjectList, function(i, item) {
  $subjSelect.append(`<option value="${item.id}">${item.text}</option>`);
});
// 重新初始化Select2（如果之前已经初始化过，这一步可以省略，但确保选项加载完成再操作）
$subjSelect.select2();

第二步：正确的赋值方法（Select2 4.x版本官方推荐写法） #

现在选项存在了，用下面的代码就能成功赋值，这也是当前Select2版本最稳定的写法：

var subjId = 1;
$('#drpSearchSubjCode').val(subjId).trigger('change');

额外提醒几个常见坑 #

1. 确保代码在DOM加载完成后执行：把你的JS代码放在$(document).ready()里，避免DOM还没渲染就执行代码：

   $(document).ready(function() {
     // 初始化Select2、添加选项、赋值的代码都放这里
     $(".select2").select2();
   });
   

2. 注意Select2版本差异：你尝试的select2("val", subjId)是旧版本（3.x）的写法，4.x版本已经弃用，所以用这个会失效；
3. 如果用data方法赋值：必须确保你传入的id在Select2的数据源中存在，或者你是用data选项初始化的Select2，比如：

   // 用data选项初始化Select2
   $("#drpSearchSubjCode").select2({
     data: subjectList
   });
   // 用data方法赋值
   $("#drpSearchSubjCode").select2('data', { id: 1, text: "数学" });
   

按照这个流程来，你的Select2赋值应该就能正常工作了！

内容的提问来源于stack exchange，提问作者weeraa