Question

我創建了一個滑動條來確定用戶想要下載的最大字節數。此滑塊連接到選擇框。當滑塊沿着直線移動時，它會更新選擇框中的值。但是，當您從選擇框中選擇一個值時，它不會更新滑塊的值。我如何得到它來更新兩種方式？

的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> 

Answer 1

你會踢自己，你錯過了＃在選擇這裏開始：

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