Slider立即更新选择值以获取选择值以更新滑块值?

时间:2011-09-05 14:40:02

标签: javascript jquery html uislider

我创建了一个滑动条来确定用户想要下载的最大字节数。此滑块连接到选择框。当滑块沿着线移动时,它会更新选择框中的值。但是,当您从选择框中选择一个值时,它不会更新滑块的值。我怎样才能让它更新两种方式?

的JavaScript

        $(function() {
            var select = $( "#camlogbytes");
            var slider = $( " <div id='slider'></div>").insertAfter(select).slider({
                min: 1,
                max: 6,
                step: 1,
                value: select[0].selectedIndex + 1, 
                slide: function(event, ui) {
                    select[0].selectedIndex = ui.value - 1;
                }
            });
            $("camlogbytes").change(function() {
                slider.slider("value", this.selectedIndex + 1);
            });
        });

HTML

    <tr>
        <td class="column1">Max number of bytes per Camera Log:</td>
        <td id="sliderbytes">
            <select name="camlogbytes" id="camlogbytes">
            <option value="0"selected="selected">0</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>
            </select>
        </td>
    </tr>

1 个答案:

答案 0 :(得分:0)

你会踢自己,你错过了选择开头的#:

 $("#camlogbytes").change(function() {
        slider.slider("value", this.selectedIndex + 1);
 });