使用 DOM 按钮更改选择 HTML 元素中的选定值 单击 select2.js

Posted 2023-05-07

【中文标题】使用 DOM 按钮更改选择 HTML 元素中的选定值 单击 select2.js

【英文标题】：Change Selected Value in a Select HTML Element with DOM Button Click in select2.js

【发布时间】：2014-11-02 11:37:03

【问题描述】：

我无法通过单击按钮直接更改所选值。

首先，当我在没有 select2.js 的情况下使用下面的这些代码时，它工作得很好。

<select id="mySelect">
  <option value="1">Ana</option>
  <option value="2">Lisa</option>
  <option value="3">Jeremy</option>
  <option value="4">August</option>
</select>

<button type="button" onclick="changeValue()">Chose August</button>


<script>
      function changeValue() 
      document.getElementById("mySelect").value = "4";
      
</script>

如您所知，该按钮将“八月”作为选定值。但是当我使用 select2.js 时，它不起作用。我使用 select2.js 来更改其他下拉选项。

请帮忙。感谢您的提前。

【问题讨论】：

***.com/questions/13268083/…

【参考方案1】：

需要使用select2.js的val方法

$('#mySelect').select2("val", 4)