Question

我有一个经典的HTML选择框：

Show:
<select name="show" id="showThreads">
   <option value="all" selected="selected">All</option>
   <option value="new">Only unread</option>
</select>

现在，当用户更改框中的选择（不使用jQuery）时，我需要JavaScript来发出Ajax请求。我试过了：

聆听<option>代码的点击次数，但对使用键盘或触控设备的用户不起作用
在一个时间间隔内，循环遍历<option>标签并检查所选标签是否发生变化，但即使我只是在第二个选项上空盘旋，它似乎也会触发。

有没有办法可以在所有浏览器/设备上运行？谢谢！

Answer 1

在onChange标记上收听<select>。

Answer 2

尝试"change"事件。

document.getElementById("showThreads").onchange = function() {

};

Answer 3

function yourAjaxCall(something) {

}

<select name="choice1" size="1" onchange="yourAjaxCall(this);">
    <option value="one">first</option>
    <option value="two">second</option>
    <option value="three">third</option>
</select>

检测用户何时从下拉列表中选择选项

3 个答案: