我创建了一个滑动条来确定用户想要下载的最大字节数。此滑块连接到选择框。当滑块沿着线移动时,它会更新选择框中的值。但是,当您从选择框中选择一个值时,它不会更新滑块的值。我怎样才能让它更新两种方式?
的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>
答案 0 :(得分:0)
你会踢自己,你错过了选择开头的#:
$("#camlogbytes").change(function() {
slider.slider("value", this.selectedIndex + 1);
});