jquery - 使用 selecttouislider 的 Onchange 事件

Question

我指的是

http://www.filamentgroup.com/lab/update_jquery_ui_slider_from_a_select_element_now_with_aria_support

并且很难检索 slider 上选定的值。最初我有一个下拉菜单，其中有一个与之关联的 onchange 事件。并通过调用来发挥作用

 <select id="myselect" onchange="myfunction(this);" >

但现在要求更改为 slider

 $('select#myselect').selectToUISlider({sliderOptions: {stop: function(e,ui) {alert(this.val());}}});

它告诉我 this.val() 不是一个函数。

我也尝试过使用

$('select#myselect').selectToUISlider({sliderOptions: {stop: function(e,ui) {alert(ui);}}});

但是使用 ui 参数我也无法检索所选值...它只是返回所选索引。

下拉菜单看起来像这样

<select name="myselect" id="myselect">
            <option value="20">txt1</option>
            <option value="30">txt2</option>
            <option value="40" selected="selected">txt3</option>
            <option value="50">txt4</option>
            <option value="60">txt5</option>
        </select>

如果我能够触发选择框的 onchange 事件，那就太好了，但看起来在使用 slider 时，下拉列表的值会发生变化，但不会触发该事件。

非常感谢任何帮助!

谢谢

Answer 1

您所在的事件是 UI slider ，而不是 <select> ...但是<select>值已经更新，所以只需获取它，如下所示:

$('#myselect').selectToUISlider({
  sliderOptions: {
    stop: function(e,ui) {
      var currentValue = $('#myselect').val();
    }
  }
});