从重置按钮将选择值重置为零

Question

有人可以帮助我并告诉我这里我做错了什么......我希望我的重置按钮将按钮值重置为零（0）。

jfiddle：http://jsfiddle.net/Qr546/

HTML：

<select class="overtimehours" id="overtimehours" name="overtimehours[16523]">
<option value="2.75">2.75</option>
<option value="0">0</option>
<option value="0.25">0.25</option>
<option value="0.5">0.5</option>
<option value="0.75">0.75</option>
<option value="1">1</option>
<option value="1.25">1.25</option>
</select>
<input type="button" id="reset" value="reset"></input>

jquery的：

$('#reset').on('click', function() {
    $('#overtimehours').val('0');
}

Answer 1

使用以下函数简单地删除jquery代码。

$( "#reset" ).click(function() {
  $('#overtimehours').val(0);
});

JSFiddle DEMO

Answer 2

Rubyist的答案是正确的，但是这不会对你当前的jsfiddle链接起作用，因为jquery没有加载到那里。你可以从框架中添加jquery＆amp; jsfiddle屏幕左侧的扩展名下拉列表。

Answer 3

这不需要jQuery，HTML提供了reset按钮类型。我还必须将selected属性添加到0 - 值选项。

这是一个更新的小提琴，不使用JavaScript，只使用原生元素：http://jsfiddle.net/y9z2v/