[jQuery] formのアクションを変更する

0 件のコメント




[jQuery] formのアクションを変更する
目的
  • 1つのフォーム内に複数のsubmitボタンを配置した場合でも、遷移先のURLを動的に変更できるようにする。
仕様
  • jQueryのライブラリが必要(jQueryのコードを利用するため)。
  • formのsubmitボタンの属性に"actionURL"属性を追加すると、遷移先がその属性(URL)の値となる。
プログラムソース
/**
 * changeActionURL.js
 * 
 * フォームのdefaultButtonクラスをクリックした際に、もしもactionURLが属性としてあれば、その画面に遷移する
 */
$(document).ready(function(){
 $('[actionURL]').click(function(){
  if($(this).attr('actionURL') != ""){
   $('form').attr('action', $(this).attr('actionURL'));
  }
 });
});
<form>
  <input type="submit" value="変更" actionURL="edit.html"/>
  <input type="submit" value="削除" actionURL="delete.html"/>
</form>

例えば上記のコードの場合、「変更」ボタンを押下した場合edit.htmlに、「削除」ボタンを押下した場合はdelete.htmlに遷移する。




0 件のコメント :

コメントを投稿