2017-07-27 15 views
0

私がやっていることは、スライダに値とアニメーションの位置をゼロにリセットさせることですが、どのように見つけられないのでしょうか。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()); 
}); 

答えて

1

は、単にそれが変更EVに0に値です設定ドロップダウン

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

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

+1

神ああ、私はそれを試してみました、いくつかの構文エラーを行っている必要があります。ありがとうございました! – Constantine

0

のENTは、あなたの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()); 
});