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

Question

试图学习更多地了解jquery并需要解决问题。最初我有下拉菜单。通过onchange动作，我想动态更新数据 - slider-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>

Answer 1

如果您只想为该属性设置新值，则可以执行此操作。

function changeFunc($i) {

    var mySlider = $("input#slider");

    mySlider.attr('data-slider-max', $i);

}