jQuery changeやclickイベントをトリガーにデータ加工してsubmitする方法

ボタンやセレクトボックスなどの選択状況(change / click イベント)に応じてデータ加工やバリデーションを行った後にsubmitする方法のサンプル(※バリデーションやデータ加工の詳細は割愛)。

change / click イベントをトリガーにデータ加工後にsubmit

jQueryコードサンプル

<script type="text/javascript">
(function($) {

//changeイベント
$(".quantSelect").change(function () {

    //データ加工処理など。。。

    //submit
    $("#cart_form").submit();
    
});

//clickイベント
$("#deleteBtn").click(function () {

    //データ加工処理など。。。

    //submit
    $("#cart_form").submit();
    
});


})(jQuery);
</script>

HTMLフォームサンプル

<form id="cart_form" method="" action="">

    <select name="" class="quantSelect" >
        <option value="1">1</option>
        <option value="2">2</option>
    </select>

    <button type="button" id="deleteBtn"></button>
</form>

コメント

タイトルとURLをコピーしました