jquery实现动态获取值赋值给select设置默认值

假设你有一个下拉框(select)如下：

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

通过jQuery可以动态获取值，然后将其赋值给该下拉框作为默认值。例如，如果你想将默认值设置为2，则可以使用以下代码：

$(document).ready(function(){
  $('#mySelect').val('2');
});

这将在文档加载完成后执行，将下拉框的默认值设置为“Option 2”。

如果你想从一个文本框中获取值并将其设置为下拉框的默认值，则可以使用以下代码：

$(document).ready(function(){
  var myValue = $('#myTextBox').val();
  $('#mySelect').val(myValue);
});

这将从ID为“myTextBox”的文本框中获取值，并将其设置为下拉框的默认值。

相关问题

html 中如何实现 下拉框 动态的赋值

在HTML中，下拉框（<select>）通常是静态显示的，但在JavaScript或者jQuery的帮助下可以实现动态赋值。以下是一个简单的例子：

首先，在HTML中创建一个基本的<select>标签：

<select id="dynamicSelect">
  <!-- 这里是动态生成的选项 -->
</select>

然后，使用JavaScript或jQuery动态添加选项和设置值：

// 获取select元素
var selectElement = document.getElementById('dynamicSelect');

// 定义一个选项数据数组
var optionsData = [
  {name: 'Option 1', value: '1'},
  {name: 'Option 2', value: '2'},
  {name: 'Option 3', value: '3'}
];

// 遍历数组，动态生成选项并插入
optionsData.forEach(function(option) {
  var newOption = document.createElement('option');
  newOption.text = option.name;
  newOption.value = option.value;
  selectElement.appendChild(newOption);

  // 设置默认值（如果需要）
  if (option.isDefault) {
    selectElement.value = option.value;
  }
});

在这个示例中，当你运行这段代码时，会根据`optionsData`中的数据动态地向下拉框添加选项，同时可以选择一个作为默认值。

如何给这里select2-search__field赋值

`select2-search__field` 是 select2 搜索框的类名，它是一个 `<input>` 元素，你可以通过 jQuery 获取到这个元素，然后使用 jQuery 提供的 `val()` 方法来设置它的值。例如，假设你有一个 select2 实例，它的 id 为 `my-select`，你可以这样给它的搜索框设置默认值：

// 获取搜索框元素
var $searchBox = $('#my-select').siblings('.select2-container').find('.select2-search__field');

// 设置默认值
$searchBox.val('默认值');

在这个例子中，我们首先使用 `$('#my-select')` 获取 select2 实例，然后使用 `.siblings('.select2-container')` 找到 select2 容器元素，再使用 `.find('.select2-search__field')` 找到搜索框元素。最后，我们使用 `.val('默认值')` 方法给搜索框设置了一个默认值。

需要注意的是，这样设置的默认值并不会触发 select2 的搜索功能，如果你需要搜索特定的选项，你还需要调用 select2 的搜索方法。例如：

// 触发搜索
$searchBox.trigger('input');

这样就可以触发 select2 的搜索功能，根据搜索框中的值来筛选选项了。