滑块更新选择值现在获取选择值来更新滑块值?

Posted

技术标签:

【中文标题】滑块更新选择值现在获取选择值来更新滑块值?【英文标题】:Slider updates select value now to Get the select value to update the slider value? 【发布时间】:2011-09-05 14:40:01 【问题描述】:

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

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】:

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

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

【讨论】:

Aww mann..感谢您指出这一点。它总是我想念的琐碎事情!

以上是关于滑块更新选择值现在获取选择值来更新滑块值?的主要内容,如果未能解决你的问题,请参考以下文章

SwiftUI 滑块值不尊重范围

滑块动画时更新标签上的滑块值

根据其输出更新滑块输入默认值

如何使用从 Swift 3 中的滑块中选择的 JSON 数据更新 tableviewcell?

显示多个滑块值的 UILabel

iOS,在滑块值 n 处触发一次 UIViewAnimation?