在下拉菜单中聆听价值变化？

Question

我正在尝试在更改值时执行简单警报，但是使用滑块更改了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>

Answer 1

您需要收听滑块更改。

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

参考：http://jqueryui.com/demos/slider/#event-change

使用JS更改文本框值时，它不会触发更改事件。这可能与下拉列表类似，这就是为什么你必须在触发它的那一面处理它。