jquery - 通过 HTML 设置下拉列表的值

Question

我想通过其 HTML 选择下拉列表的值。例如，我有以下选择......

<select id="dropdown">
    <option value=""></option>
    <option value="1">Choice 1</option>
    <option value="2">Choice 2</option>
</select>

现在我可以检索文本Choice 1。我知道我可以使用选择相应的值$('#dropdown').val('1');。但是，我实际上无权访问 1，我想仅使用Choice 1来选择相同的选项。

这可以通过 jQuery 实现，还是有其他解决方案？

score 3 · Accepted Answer

$('#dropdown option').each(function() {
  if($(this).text()=='yourvalue') $('#dropdown').val($(this).val());
});

遍历选项并检查相应的值

score 3 · Accepted Answer

试试这个工作 jsfiddle 链接。http://jsfiddle.net/Fh3WC/

用您的变量值替换硬编码的选择 1。

$(function() {
    $("select option:contains('Choice 1')").attr('selected','selected');
});

score 1 · Accepted Answer

/* get value */
document.getElementById("dropdown").options[0].value

/* get text */
document.getElementById("dropdown").options[3].text

3 回答 3