リンクでフォームの送信を行う方法

javascript cakePHP


参考：http://www.openspc2.org/reibun/javascript/form/001/





HTMLに記述するフォーム

<form name="token" method="post" action="#">

 <input type="hidden" name='token' value='送信したい値'> </form>





javascript



 +function () {

	

	window.onload = function() {

		var addlink = document.getElementById('addlink');

		var frm = document.token;



		addlink.onclick = function() {	

			frm.action="actionを指定";

			document.forms['token'].submit();

			return true;

		}

		

	}

	

}();
※addkink：リンクに付けたID(一意)

これで、addlinkというIDのついたリンクをクリックすると、
javascriptによって、指定したアクションにPOST送信することができます。








IDじゃなくて、classで指定したい場合(classは一意じゃなくていいのでグルーピングできる)

var editlink = document.getElementsByClassName('class名');

var frm = document.token;
//editlinkは配列ではいっているので、forで回して１つ１つにイベントをつける必要があります

for(var i=0; i

IDとかとりたい場合は、無名関数の中で、this.idと記述すると取得できます。

(thisと指定しないと、クリックしたときのIDを取ることができません)