javascript - 如何选择一个在按值下拉列表中并为其分配“选定”属性？

Question

对于下拉列表 ( <select>)，有时我需要找到具有给定值的选项并将selected属性分配给它。

例如：

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

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

Answer 1

这会做到：

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

注意：这会在所需元素上设置selected 属性- 该属性表示页面首次加载时下拉菜单的初始值。<option>

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";