select2组件使用二级联动第二级默认选中第一个option值

你可以通过 JavaScript 代码实现 select2 二级联动第二级默认选中第一个 option 值。具体的实现方法如下：

1. 在 HTML 中定义两个 select 元素，第一个 select 元素为父级，第二个 select 元素为子级，代码如下：

<select id="parent">
  <option value="1">Option 1</option>
  <option value="2">Option 2</option>
</select>

<select id="child">
  <option value="11">Option 11</option>
  <option value="12">Option 12</option>
  <option value="21">Option 21</option>
  <option value="22">Option 22</option>
</select>

2. 使用 select2 插件初始化两个 select 元素，代码如下：

$('#parent').select2();
$('#child').select2();

3. 监听父级 select 元素的 change 事件，在事件处理函数中根据父级选中的值动态生成子级的 option 元素，并设置第一个 option 元素为默认选中。代码如下：

$('#parent').on('change', function () {
  var parentVal = $(this).val();
  var childOptions = '';

  if (parentVal == '1') {
    childOptions += '<option value="11">Option 11</option>';
    childOptions += '<option value="12">Option 12</option>';
  } else if (parentVal == '2') {
    childOptions += '<option value="21">Option 21</option>';
    childOptions += '<option value="22">Option 22</option>';
  }

  $('#child').html(childOptions).val($('#child option:first').val()).trigger('change');
});

以上代码中，我们通过判断父级 select 元素选中的值，动态生成子级的 option 元素，并使用 val() 方法设置第一个 option 元素为默认选中。最后，使用 trigger() 方法触发子级 select 元素的 change 事件，以便 select2 插件更新选中状态。