通过HTML设置下拉列表的值

Question

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

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

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

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

Answer 1

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

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

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

Answer 2

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

迭代选项并检查相应的值

JSFIDDLE

Answer 3

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

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