9

onChangeイベントが添付されたいくつかの選択要素を含むフォームがあります。誰かがフォームのリセットボタンをクリックしてもイベントを発生させたいのですが。

私の質問は次のとおりです。フォームをリセットすると、選択要素onChangeイベントが発生しますか？

これが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>

ありがとう！

4

2 に答える 2

4

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
    });
});
于 2012-08-29T13:07:57.027 に答える