javascript - 根据值(value)选择选项

Question

这个问题已经有答案了:

Change the selected value of a drop-down list with jQuery (18 个回答)

已关闭 8 年前。

我正在尝试找出一种方法来根据传递的变量自动选择一个仅与该选项的值匹配的选项。

JS Fiddle Link Demo

<label>
    <span>Font Type</span>
    <select id="options>
        <option value="one">One</option>
        <option value="two" selected>Two</option>
        <option value="three">Three</option>
    </select>
</label>

function loadSelect(userFont){
    $('#options').find('option[value='+userFont+']').attr('selected', 'selected');
}

loadSelect(three);

Answer 1

只需在 <select> 上设置值即可标签:

$('#options').val(userFont);

$(function() {
  $("#options").val("three");
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<select id="options">
  <option value="one">One</option>
  <option value="two" selected>Two</option>
  <option value="three">Three</option>
</select>