倾听下拉列表中的值变化

Listen for value change on dropdown?

本文关键字:变化 下拉列表 倾听      更新时间:2023-09-26

当值更改时,我试图做一个简单的警告,但select元素的值是用滑块更改的,所以onchange不起作用。如何使用javascript或jquery侦听值更改并提醒新值?

<select name="speed" id="speed" onchange="alert(this.value)">
    <option value="10mi">less than 10 miles</option>
    <option value="20mi">less than 20 miles</option>
    <option value="40mi" selected="selected">less than 40 miles</option>
    <option value="60mi">less than 60 miles</option>
    <option value="Off">Off</option>
</select>

您需要倾听滑块的变化。

$( "some-slider-selector" ).bind( "slidechange", function(event, ui) {
  // use ui.value for the value
});

参考:http://jqueryui.com/demos/slider/#event-更改

当您使用JS更改文本框值时,它不会触发更改事件。下拉列表可能也是类似的情况,这就是为什么你必须在触发它的一侧处理它。