ボタンやセレクトボックスなどの選択状況(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>
コメント