表单重置按钮是否会触发选择元素的 onChange 事件?

2024-02-01

我有一个带有一些选择元素的表单onChange附加到它们的事件。我希望即使有人单击表单重置按钮也能触发该事件。

我的问题是:重置表单是否会触发选择元素onChange event?

这是 jQuery 中的一个简单示例

<script type="text/javascript">
    $('.myselect').change(function() {
        // do something on change
    });
</script>

<form action="/" method="post">
    <select class="myselect" name="select1">
        <option value="1">First</option>
        <option value="2">Second</option>
    </select>
    <select class="myselect" name="select2">
        <option value="1">First</option>
        <option value="2">Second</option>
    </select>
    <!-- When this is clicked I would like it fire the change event -->
    <input type="reset" value="Reset" /> 
    <input type="submit" value="Save" />
</form>

Thanks!


Jack M.的回答效果很好。这是执行相同操作的另一种方法。希望它能帮助某人。

编写您想要在此函数中间调用的代码/事件。我已经测试过了。工作得很好。

$(document).ready(function() {
    $("input:reset").click(function() {       // apply to reset button's click event
        this.form.reset();                    // reset the form

        // call your functions to be executed after the reset      

         return false;                         // prevent reset button from resetting again
    });
});
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

表单重置按钮是否会触发选择元素的 onChange 事件? 的相关文章

随机推荐