更新最大滑块元素输入类型=文本

update maximum slider element input type=text

本文关键字：输入 类型 文本 元素 更新      更新时间：2023-09-26

试图学习更多地理解jquery，并需要一个问题的解决方案。最初我有下拉菜单。有了onchange操作，我想动态更新数据滑块max='mychoice'，下面是一个尝试

             function changeFunc($i) {
               var mySlider = $("input#slider").slider();
                     mySlider.slider('setAttribute','data-slider-max',$i);
                }
               </script>
               <select id="selectBox" onchange="changeFunc(value);">
                <option value="100" selected=selected>Option #1</option>
                <option value="200">Option #2</option>
               </select>
       <div id="slider-wrap">
            <div id="minus"><img src="../images/slider-minus.png" alt=""/></div>             
            <input type="text" id="slider" value="" data-slider-min="5"           data-slider-max="Changethis" data-slider-step="1" data-slider-value="15" data-slider-precision="2" data-slider-orientation="horizontal" data-slider-selection="after" data-slider-tooltip="hide">
            <div id="plus"><img src="../images/slider-plus.png" alt=""/></div>
            <div id="slider-value"><span>£</span><input id='edit-slider-value' name="slidervalue" type="text" value="7.50"></div>
        </div>

如果您只想为该属性设置一个新值，您可以这样做。

function changeFunc($i) {
    var mySlider = $("input#slider");
    mySlider.attr('data-slider-max', $i);
}
相关文章：