表单重置按钮是否触发了选择元素onChange事件？ [英] Does a form reset button fire a select elements onChange event?

问题描述

我有一个表单，其中包含一些附加了onChange事件的select元素。我希望即使有人点击表单重置按钮也会触发该事件。

I have a form with some select elements that have onChange events attached to them. I would like the event to fire even when someone clicks the form reset button.

我的问题是：重置表单是否会触发选择元素onChange事件？

My question is: does resetting a form fire a select elements onChange event?

以下是jQuery中的一个简单示例

Here is a simple example in 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>

谢谢！

推荐答案

表格有一个onReset标签，所以你可以这样做：

There is an onReset tag for forms, so you could do something like:

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

<form onReset="changeFunc()" 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>

在重置发生之前调用此方法，但这可能很棘手。我想你可以做一个你确定吗？框。在重置函数中抛出 setTimeout 似乎可以解决问题。

This method is called before the reset happens, though so it can be tricky. I guess so you can do an "Are you sure?" box. Tossing a setTimeout in the reset function seems to do the trick.

这篇关于表单重置按钮是否触发了选择元素onChange事件？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！