Question

我想选择第3个值（Moon） 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不是标记名称 - 它是一个名称。你想要月亮选项，它是第三个，然后设置为true。

Answer 2

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

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

FIDDLE

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/

在下拉列表中选择一个没有id的值

4 个答案: