javascript - 在下拉列表中选择一个值，没有 id

Question

我想选择 html 的第三个值（月亮）

    <select name="planettype" onChange="updateVars()" onKeyUp="updateVars()">
                    <option value="1" selected="selected">Planet</option>
<option value="2">Debris Field</option>
<option value="3">Moon</option>

                    </select>

我测试过：

void(document.getElementsByTagName("planettype").text = 'Moon'); void(document.getElementsByTagName("planettype").value = '3');

• 不工作

我什至无法“访问”下拉列表，有办法吗？

Answer 1

你会使用类似的东西：

document.getElementsByName("planettype")[0].options[2].selected = true;

planettype不是标签名称 - 它是一个名称。您想要第三个月亮选项，然后将 selected 设置为 true。

Answer 2

获取选择，并设置selectedIndex属性：

document.getElementsByName('planettype')[0].selectedIndex = 2;

小提琴

Answer 3

使用 selectedIndex 属性

document.getElementByName("planettype").selectedIndex = 3;

Answer 4

你也可以试试这个：

var v = document.getElementsByTagName("option")[2].text;
alert(v)

http://jsfiddle.net/refhat/U2rZN/15/

避免在标记中使用函数名称，您也可以在 jQUery 中尝试类似的方法

$(function() {
    $("select option").click(function() {
      alert($(this).text());
    });
});

http://jsfiddle.net/refhat/U2rZN/25/