用jQuery UI滑块更改选择下拉菜单

Question

尝试使用滑块设置选择下拉菜单。您移动jQuery UI滑块，然后它将更改其他两个下拉列表的选择。

在jquery中是否有一个当前的方法来设置这些选项？

当前下拉：

<select id="alert-options-frequency-opts"> 
    <option value=""></option> 
    <option value="1">1</option> 
    <option value="2">2</option> 
    <option value="3">3</option> 
    <option value="4">4</option> 
    <option value="5">5</option> 
    <option value="6">6</option> 
    <option value="7">7</option> 
    <option value="8">8</option> 
    <option value="9">9</option> 
    <option value="10">10</option> 
</select> 

Answer 1

滑块具有滑动事件。尝试挂钩以设置下拉列表的值。

e.g

$("#slider").slider({ 
     value:0, 
     min: 0, 
     max: 10, 
     step: 1, 
     slide: function(event, ui) { 
     $("#alert-options-frequency-opts").val(ui.value); 
     } 
    }); 

Here是一个快速演示，让你开始