更新最大滑塊元素輸入類型=文字

Question

試圖學會更多地理解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> 

Answer 1

的嘗試，如果你只是想設置該屬性，你可以做到這一點的新值。

function changeFunc($i) { 

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

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

}