2017-06-06 3 views
-1

挿入フォームアクションリンク私は2つの異なる無線選択フィールドを持つ単純なフォームフィールドを持っている

<form method="get" id="searchform" action="<?php $btn_link; ?>"> 
    <div class="alternativ-suchefeld"> 
    <div class="radioboxarea"> 
     <input type="radio" name="buttonname" value="value_button_1" checked> 
     Button 1</div> 
    <div class="radioboxarea"> 
     <input type="radio" name="buttonname" value="value_button_2" > 
     Button 2</div> 
    <input type="submit" id="searchSubmit" value="Search" /> 
    </div> 
</form> 

私は、アクションリンク「$ btn_linkを「ボタン1」を選択し、提出していた場合"は" link1.php "でなければなりません。 「ボタン2」が選択されている場合、アクションリンクは「link2.php」と呼びます。

誰かにアイデアはありますか、これを実現する方法はありますか?ありがとうございました!

答えて

1

あなたは `$( '入力[名前は= "buttonname"]のようにjqueryの中でその名前を使って、要素の値を取得することができ、この

スクリプト

$('input[name="buttonname"]').change(function() { 
    var v = $(this).val(); 
    if (v == "value_button_1") { 
    $('#searchform').attr('action', 'link1.php'); 
    } else if (v == "value_button_2") { 
    $('#searchform').attr('action', 'link2.php'); 
    } 
}); 

Working fiddle here

+0

好きですか') 'なので、一般的なクラスは必須ではありません。 –

+0

はい、どうしたらいいですか?あなたの解決策も動作します... @ MayankPandeyz – Nidhi

+0

素早い対応をありがとう。私はJavaScriptを挿入しましたが、ボタン2を選択した場合でもアクションリンクは常に "link1.php"になります。スクリプトは送信ページに影響を与えません。これはGETメソッドと関係がありますか? – Filip

関連する問題