Question

我要做的是让滑块将其值和动画位置重置为零，但我无法找到。

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());
});

Answer 1

只需在下拉列表的更改事件中将其值设置为0

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

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

Answer 2

尝试在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());
});

HTML5重置滑块到最小位置

2 个答案: