2012-03-26 21 views
3

私は、ユーザの選択された選択肢提出するには、このボタンを使用しています。このコード送信ボタンなしで選択メニューを送信するにはどうすればいいですか?

<Select> 
<option value="-1">Select</option> 
<option value="6">kasper </option> 
<option value="13">adad </option> 
<option value="14">3204 </option>     
</select> 

を持っている:"Select"上のユーザーのクリックが、それは彼の選択に対応する情報を表示する場合は

<input type="submit" name="pageaction" value="Select" /> 

を。

ボタンなしでもかまいませんか?

よろしくお願いいたします。

+0

質問は明確ではありません - どのようにそれを期待していますあなたがボタンを離したらうまくいくでしょうか? –

+0

あなたは、ユーザーがいくつかのオプションを選択すると、それは送信されますか?私は質問をよく理解していません... – Th0rndike

+0

これはJavaScriptと[onChangeイベント](https://developer.mozilla.org/en/DOM/element.onchange)で行うことができます。 –

答えて

7

selectドロップダウンで関数を呼び出すことができます。

<select id="sel_id" name="sel_name" onchange="this.form.submit();"> 
<option value="-1">Select</option> 
<option value="6">kasper </option> 
<option value="13">adad </option> 
<option value="14">3204 </option>     
</select> 
+0

あなたの答えをありがとう、ちょうど私が同じフォームで多くの送信ボタンを持っていることを知らせたい。このボタンを参照する方法は? – alkhader

0
あなたが好きなフォームを送信するためにJavaScriptを使用することができ

:から

<form name="myform" action="" method="post"> 
    <Select onchange="myform.submit()" name="test"> 
    <option value="-1">Select</option> 
    <option value="6">kasper </option> 
    <option value="13">adad </option> 
    <option value="14">3204 </option>     
    </select> 
</form> 
0
<form name="myform" id ="myform" method="post"> 

<select id="sel_id" name="sel_name" onchange="submitform();"> 
<option value="-1">Select</option> 
<option value="6">kasper </option> 
<option value="13">adad </option> 
<option value="14">3204 </option>     
</select> 

</form> 

<script type="text/javascript"> 
function submitform() 
{ 
    document.myform.submit(); 
} 
</script> 
1
<html> 
<head> 
<script src="jquery-1.7.1.min.js"></script> 
<script> 
function selectChange(val) { 
    //Set the value of action in action attribute of form element. 
    //Submit the form 
    $('#myForm').submit(); 
} 
</script> 
<head> 
<form id="myForm" action="test.html"> 
    <Select onChange=selectChange(this.value)> 
     <option value="-1">Select</option> 
     <option value="6">kasper </option> 
     <option value="13">adad </option> 
     <option value="14">3204 </option>     
    </select> 
</form> 
</html> 

ダウンロードjQueryの: http://blog.jquery.com/2011/11/21/jquery-1-7-1-released/

+0

答えをありがとう、問題は私のHTMLページにボタンを送信している、私はどのようにこのアクションを送信するJavaスクリプト関数を伝えることができます – alkhader

+0

多くのボタンを送信する多くのフォーム要素を意味する?? 「はい」の場合は、私が上記のように個々のフォームをIDで提出することができます。 –

関連する問題