javascript 单击下拉列表中的值

Question

我有以下用 HTML 编写的代码:

    <table cellspacing="0" cellpadding="0" width="100%" class="HeaderTable">
    <tbody><tr>
        <td id="dnn_ctr6707_TimeTableView_TdClassesList" class="HeaderClassesCell">
            class
            <select name="dnn$ctr6707$TimeTableView$ClassesList" onchange="javascript:setTimeout(&#39;__doPostBack(\&#39;dnn$ctr6707$TimeTableView$ClassesList\&#39;,\&#39;\&#39;)&#39;, 0)" id="dnn_ctr6707_TimeTableView_ClassesList" class="HeaderClasses">
            <option selected="selected" value="14">a</option>
            <option value="15">b</option>
            <option value="16">c</option>
            <option value="17">d</option>
            <option value="49">e</option>
            <option value="60">f</option>
        </select></td>

我想做的是，以编程方式单击控制台选项卡中的“b”选项。出于某种原因，它对我不起作用，尽管我认为它看起来不错。

这是我尝试过的:

var x = document.getElementById('dnn_ctr6707_TimeTableView_ClassesList') // this part work
var y = x.options[1].click() // I managed to get the text of the option but I want it to perform click and it doesn't work that way :(

感谢您的帮助!

Answer 1

我想你想要做的是设置选择的值而不是点击选项。

试试这个:

document.getElementById('dnn_ctr6707_TimeTableView_ClassesList').value = "15"