2012-03-26 4 views
3

Ich habe diesen CodeWie übermittele ich ein Auswahlmenü ohne eine Senden-Schaltfläche?

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

ich diesen Knopf bin mit dem ausgewählten Wahl des Benutzers zu übermitteln:

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

Wenn der Benutzer klicken Sie auf "Select" wird es Informationen entsprechend seiner wählen anzuzeigen.

Kann es ohne den Knopf sein?

Grüße an alle,

+0

Die Frage ist nicht klar - wie gehofft, dass Sie es sind würde funktionieren, wenn Sie den Knopf wegnehmen? –

+0

Sie meinen, wenn der Benutzer eine Option auswählt, wird sie gesendet? Ich verstehe die Frage nicht sehr gut ... – Th0rndike

+0

Sie können dies mit JavaScript und dem [onChange-Ereignis] (https://developer.mozilla.org/en/DOM/element.onchange) tun. –

Antwort

7

Sie können Funktion innerhalb der Auswahl Dropdown nennen.

<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

Danke für Ihre Antwort, ich möchte Sie nur wissen lassen, dass ich viele Buttons in derselben Form habe. Wie beziehe ich mich auf diese Schaltfläche? – alkhader

0

Sie Javascript verwenden, können das Formular wie einreichen:

<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> 

Herunterladen jquery von: http://blog.jquery.com/2011/11/21/jquery-1-7-1-released/

+0

Vielen Dank für die Antwort, das Problem ist, dass ich viele Schaltflächen in meiner HTML-Seite senden, wie kann ich die Java-Skript-Funktion zum Senden dieser Aktion – alkhader

+0

Viele übergeben Schaltflächen bedeutet viele Formularelement ?? Wenn ja, dann können Sie das individuelle Formular mit seiner ID wie oben erwähnt einreichen. –

Verwandte Themen