nicht standardmäßig aktiviert Optionswert

Question

Ich erstelle eine benutzerdefinierte Suchformular und ich habe diesen Code mit dem ersten Option

<select name="something"> 
    <option selected>Choose</option> 
    <option value="a">A</option> 
    <option value="b">B</option> 
    <option value="c">C</option> 
</select> 

<select name="something2"> 
    <option selected>Choose</option> 
    <option value="a">A</option> 
    <option value="b">B</option> 
    <option value="c">C</option> 
</select> 

Dies ist, was ich in URL schicken, wenn ich nur etwas von den zweiten Auswahloptionen auswählen.

?s=&something=ChooseB&something2=B 

Ist es möglich, dass das Formular diesen "Choose" -Wert nicht sendet? Kann es mit Html gemacht werden oder muss ich Jquery verwenden? Ich mache das in Wordpress, wenn es darauf ankommt.

Answer 1

Try This:

<select name="something"> 
<option value="">Choose</option> 
<option value="a">A</option> 
<option value="b">B</option> 
<option value="c">C</option> 
</select> 

<select name="something2"> 
<option value="">Choose</option> 
<option value="a">A</option> 
<option value="b">B</option> 
<option value="c">C</option> 
</select> 

Answer 2

Nein, es ist nicht möglich, weil "wählen" ist auch eine Option. Eine Bedingung ist möglich, zuerst HTML-Code schreiben und den Wert der Option wählen leer.

und dann diesen JavaScript-Code hinzufügen, dieser Code gibt false zurück und reicht das Formular nicht ein, wenn die Option ausgewählt ist, die leer ist.

<script> 
    document.myform.onsubmit = function() 
    { 

    var e = document.getElementById("ddlViewBy"); 
    var strUser = e.options[e.selectedIndex].value; 
    if((strUser)=="") 
    { 
     return false; 
    } else { 
     return true; 
    } 
    } 
</script> 

oder einfache können Sie das tun

<select name="something"> 
<option value="">Choose</option> 
<option value="a">A</option> 
<option value="b">B</option> 
<option value="c">C</option> 
</select> 

<select name="something2"> 
<option value="">Choose</option> 
<option value="a">A</option> 
<option value="b">B</option> 
<option value="c">C</option> 
</select>