HTML5重置滑塊到最小位置

我想要做的是讓滑塊重置它的值和動畫位置爲零，但我找不到如何。HTML5重置滑塊到最小位置

http://jsfiddle.net/v4gNL/1359/

HTML5：

<body> 

    <span> 
      <select id="selectSymptom"> 
       <option value="option" >Select Option</option> 
       <option value="option1" >Option 1</option> 
       <option value="option2">Option 2</option> 
       <option value="option3">Option 3</option> 
       <option value="option4">Option 4</option> 
       <option value="option5">Option 5</option> 
       <option value="option6">Option 6</option> 

      </select> 
     </span> 
    <span style='display:none;' id="slider"> <input type="range" min="0" max="10" value="0" step="0.1" id="rangeValue"><label id="text">0</label></span> 

</body>

JQuery的：

$('#selectSymptom').on('change', function() { 
    $("#text").text(0); 

    var selected = $(this).find('option:selected').val(); 
    $("#slider").show(); 
}); 
$("#rangeValue").mousemove(function() { 
    $("#text").text($("#rangeValue").val()); 
});

來源

2017-07-27 Constantine

只需將它的值設置爲0的變化EV下拉

$('#rangeValue').val(0);

http://jsfiddle.net/v4gNL/1361/

來源

2017-07-27 13:23:09 DenseCrab

哦，上帝，我試了一下，一定是做了一些語法錯誤。謝謝！ – Constantine

嘗試耳鼻喉科在jQuery代碼添加$("#slider input").val(0);。

jsfiddle

$('#selectSymptom').on('change', function() { 
    $("#text").text(0); 
    $("#slider input").val(0); 
    var selected = $(this).find('option:selected').val(); 
    $("#slider").show(); 
}); 
$("#rangeValue").mousemove(function() { 
    $("#text").text($("#rangeValue").val()); 
});

來源

2017-07-27 13:33:00

HTML5重置滑塊到最小位置

回答

相關問題