Question

我正在创建一个自定义搜索表单，我有第一个选项

的代码

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

如果我只选择第二个选项中的内容，这就是我在网址中获得的内容。

?s=&something=ChooseB&something2=B

表单是否可以不发送此“选择”值？可以使用Html完成还是必须使用Jquery？如果重要的话，我在Wordpress中这样做。

Answer 1

试试这个：

<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

不可能，因为“选择”也是一种选择。一种情况是可能的，首先编写html代码并将choose选项的值设置为空。

<form  name="myform" >
<select id="ddlViewBy">
<option selected  value="">Choose</option>
        <option value ="A">A</option>
         <option value ="B">B</option>
        <option value ="C">C</option>
        <option value ="D">D</option>
</select>
<input type="submit" />
</form>

然后添加此javascript代码，如果select选项为空，则此代码返回false并且不提交表单。

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

或简单您可以这样做

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

在值中留一个空格。就像value =“”。这行得通。

不要发送默认选定的选项值

3 个答案: