通过 HTML 设置下拉列表的值答案

【问题标题】：Setting a dropdown's value by HTML通过 HTML 设置下拉列表的值
【发布时间】：2012-08-02 17:13:47
【问题描述】：

我想通过 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 实现吗，还是有其他解决方案？

【问题讨论】：

【解决方案1】：

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

遍历选项并检查对应的值

【讨论】：

【解决方案2】：

试试这个有效的 jsfiddle 链接。 http://jsfiddle.net/Fh3WC/

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

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

【讨论】：

【解决方案3】：

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

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

【讨论】：