jQuery formのaction値を変更してフォームをコミットする方法
2256 ワード
私たちはプロジェクトを開発する工事の中で、往々にして1つのページに出会って、1つのフォームの中に2つのクエリーのページが置いていて、私たちは異なる選択を通じて相応の情報をクエリーすることを望んで、この時私たちはformフォームのactionの属性を修正することで実現することができて、私たちは下でこの機能を実現する方法を説明します.
1
2
3
4
1
2
3
4
< form class = "head-tt" id = "myform" method = "get" target = "_blank" action = "/house/" > < input name = "keyword" type = "text" value = " " > < input name = "button" value = " " id = "button" >
form >
のフォームを します.get でコミットされたmyformをIDとするフォームです.コミットされたアドレスは、ルートドメイン の/houseの 、blankは しいページを く です.
コミットボタンをクリックする にactionのアドレスを し、 するフォームをコミットしたい は、jqueryで できます.
1
2
3
4
5
6
7 $( function (){ $( "#button" ).click( function (){ var newUrl = '/news/' ; // $( "#myform" ).attr( 'action' ,newUrl); // jquery action $( "#myform" ).submit(); // ID myform }) })
これは さな にすぎないので、 の のコードだけで できますが、jqueryについて の があれば、どんなに な でも で できると じています.