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

我想你想要做的是設置select的值而不是單擊選項。

試試這個：

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

Answer 2

我想你要求激活一個事件。 我相信Javascript沒有.click（）函數。

var x = document.getElementById('dnn_ctr6707_TimeTableView_ClassesList');
var evt = new Event('click');
x.options[1].dispatchEvent(evt);

Answer 3

下面是一些簡單的代碼，可以讓您在文本字段中輸入索引，並從<select>元素中<select>索引。

 var btn = document.querySelector('#select'); var inp = document.querySelector('#inp'); var sel = document.querySelector('#dnn_ctr6707_TimeTableView_ClassesList'); btn.addEventListener('click', function() { var val = parseInt(inp.value, 10); sel.selectedIndex = val; }); 

 class <select name="dnn$ctr6707$TimeTableView$ClassesList" 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> <hr/> <input id="inp" type="text" value="0"/> <button id="select">Select</button>