2012-03-26 164 views
3

我有這樣的代碼如何提交沒有提交按鈕的選擇菜單?

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

我使用這個按鈕提交用戶的選擇的選擇:

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

當與他的選擇上"Select"用戶點擊它會顯示信息。

它可以沒有按鈕?

對所有的問候,

+0

的問題是不明確的 - 你怎麼希望這如果你把按鈕拿走,會工作嗎? – 2012-03-26 10:57:32

+0

你的意思是當用戶選擇它提交的某個選項時?我不太瞭解這個問題... – Th0rndike 2012-03-26 10:57:43

+0

你可以用JavaScript和[onChange事件](https://developer.mozilla.org/en/DOM/element.onchange)來做到這一點。 – 2012-03-26 10:59:14

回答

7

你可以在選擇下拉菜單中調用函數。

<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 2012-03-26 11:04:19

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 2012-03-26 13:22:18

+0

許多提交按鈕意味着很多表單元素? 如果是,那麼您可以按照上面提到的方式通過其ID提交個人表單。 – 2012-03-27 04:49:16