javascript - 在提交 html 表单时我想删除空变量

Question

我有一个简单的 html 表单，有 3 个下拉菜单(使用选项进行选择)

提交时我不想传递空变量。

例如:

<select name="numbers"> 
        <option></option>
        <option>11</option>
        <option>22</option>
        <option>33</option>
</select>
<select name="letters"> 
        <option></option>
        <option>aa</option>
        <option>bb</option>
        <option>cc</option>
</select>

如果发送表单，我会收到带有空值的数字和字母。

在这种情况下，变量数字和字母应被删除，并且不应发布到操作表单

Answer 1

将选定的禁用添加到默认的空选项中:

<select name="numbers"> 
        <option selected disabled></option>
        <option>11</option>
        <option>22</option>
        <option>33</option>
</select>
<select name="letters"> 
        <option selected disabled></option>
        <option>aa</option>
        <option>bb</option>
        <option>cc</option>
</select>