Question

我正在处理一些HTML / JavaScript代码。我有以下方框。＆lt; select style =“height：90px;” id =“cboApplications”name =“cboApplications []”multiple＆gt; ＆lt; option value =“1”＆gt; App 1＆lt; / option＆gt; ＆lt; option value =“2”＆gt; App 2＆lt; / option＆gt; ＆lt; option value =“3”＆gt; App 3＆lt; / option＆gt; ＆LT; /选择＆GT; 我有以下JavaScript代码 $（“＃cboApplications option [value = 2]”）。attr（“selected”，“selected”）; 但由于某种原因，没有选择任何内容，也没有显示错误。

Answer 1

你非常接近。你需要用引号括起2，它将解决你的问题。

$("#cboApplications option[value='2']").attr("selected", "selected");

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<select style="height: 90px;" id="cboApplications" name="cboApplications[]" multiple>
   <option value="1">App 1</option>
   <option value="2">App 2</option>
   <option value="3">App 3</option>
</select>

Answer 2

您应该使用.val()来设置值。

一个文本字符串，一个数字或一个字符串数组，对应于要设置为选中/选中的每个匹配元素的值。

$("#cboApplications").val(2);

OR

$("#cboApplications option[value=2]").prop("selected", true);

Answer 3

使用此： $("#cboApplications").val(2);

使用jQuery基于值而不是文本设置选定的<select>选项

3 个答案: