在dropdownlist中选择一个不带id的值

select in dropdownlist a value, without id

本文关键字:一个 id 的值 dropdownlist 选择      更新时间:2023-09-26

我想选择第三个值(月亮)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');

  • 不工作

我甚至不能"访问"下拉列表,有办法做到这一点吗?

您可以使用以下内容:

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

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

获取select,并设置selectedIndex属性:

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

FIDDLE

你也可以试试这个:

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/

使用selectedIndex属性

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