0

我想选择 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');

  • 不工作

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

4

4 回答 4

3

你会使用类似的东西:

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

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

于 2013-07-21T00:36:01.150 回答
2

获取选择,并设置selectedIndex属性:

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

小提琴

于 2013-07-21T00:37:00.407 回答
0

使用 selectedIndex 属性

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

于 2013-07-21T00:37:12.253 回答
0

你也可以试试这个:

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/

于 2013-07-21T00:51:04.933 回答