我正在使用范围滑块,我试图找出当用户选择其中一个下拉选项时如何仅禁用滑块的一个句柄。 我使用了api代码(.disable()),它禁用了我的所有滑块而不只是一个。到目前为止,我一直在试验,但没有用。
API链接:http://seiyria.com/bootstrap-slider/
这是我的代码:
HTML
<select class="form-control"onchange="slider1_1()" id="box1_1">
<option value="0">Select </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>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8 </option>
<option value="9">9</option>
</select>
</div>
<div class="col-md-6 col-sm-6 topmargin">
Jscript
<script>
var sliderC = new Slider("#ex12c", { id: "slider12c", min: 0, max: 10, range: true, value: [0, 0] });
function slider1_1(){
var box=document.getElementById("box1_1");
var selectedValue = box.options[box.selectedIndex].value;
var score=document.getElementById("score1_1");
score.innerHTML=selectedValue;
value_1=parseFloat(selectedValue,10);
sliderC.setValue([value_1,value_1]);
sliderC.disable(1)
}
非常感谢你。