如何在值下拉列表中选择<option>并为其分配“selected”属性？</option>

Question

对于下拉列表（<select>），我需要在某个时刻找到具有给定值的选项，并为其指定selected属性。

e.g：

<select id="font-size">
    <option value="12">12px</option>
    <option value="13">13px</option>
    <option value="14">14px</option>
</select>

在上面的示例中，如何将“selected ='selected'”属性添加到值为14的option？

Answer 1

这样就可以了：

$('#font-size').val(14);

注意：这会在所需的selected元素上设置<option> 属性 - 属性代表 initital 首次加载页面时下拉列表的值。

Answer 2

如果您需要在设置页面时设置初始值，请使用

   $(document).ready(function() {
    $('#font-size').val(14);
   });

或者如果你想要它在加载后选择了哪个用户的值，那么

   $(document).ready(function() {
     $('#font-size').change(function() {
       alert($(this).val());
     });
   });  

Answer 3

document.getElementById("font-size").value = "14";