jquery - 为什么不下拉重置？

Question

我一定是在做一些愚蠢的事情，但我有一个截止日期，盯着它看是找不到的。

请在此处查看非常简单的 JSFiddle：

http://jsfiddle.net/wxbVX/4/

<span>Select 'One', 'Two' or 'Three' from the drop down.<br /></span>
<span>Then click the 'Reset' button'.<br /></span>
<span>Why does the Drop Down not reset to 'Please Select'?<br /></span>

<input id="reset" type="button" value="Reset" name="reset" /><br />

<script>
    var $reset = $('#reset');

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

</script>

<select id="myddl" name="myddl">
    <option value="0">Please Select</option>
    <option value="1">One</option>
    <option value="2">Two</option>
    <option value="3">Three</option>
</select> 

谢谢，

埃里克

Answer 1

问题是您试图select在页面上实际存在之前获取它。请注意，您的 js 代码放在reset定义之前。将您的代码放在文档就绪事件中，以确保所有元素都已加载。

恐怕我错了，你的 jsfiddler 上唯一的问题是你没有引用 jquery 库。看一下左侧面板。在顶部，您会看到一个下拉菜单No-Library (pure Js)。为任何 jquery 版本更改它，您的代码将起作用。