代码之家 › 专栏 › 技术社区 › chrisl-921fb74d

使用jquery用户界面滑块更改选择下拉列表

forms html jquery

chrisl-921fb74d · 技术社区 · 14 年前

尝试使用滑块设置“选择”下拉列表。移动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>

1 回复 | 直到 12 年前

redsquare 14 年前

滑块有一个幻灯片事件。尝试钩住它来设置下拉列表的值。

例如

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

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