在提交 html 表单上，我想删除空变量答案

【问题标题】：On Submit html form i want to delete empty variable在提交 html 表单上，我想删除空变量
【发布时间】：2017-06-20 14:41:48
【问题描述】：

我有一个带有 3 个下拉菜单的简单 html 表单（使用选项选择）

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

例如：

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

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

在这种情况下，变量数字和字母应该被删除，而不是发布到行动表单中

【问题讨论】：

您使用的是 AJAX 还是默认的表单提交行为？
您是否将其发布到 php 文件中？因为在服务器端处理它会很容易！
jquery: how to remove blank fields from a form before submitting?的可能重复

标签： javascript html forms

【解决方案1】：

将selected disabled 添加到您的默认空选项：

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

【讨论】：

【解决方案2】：

 $('select option').each(function(){
            if($(this).text() == '' || $(this).text() == null)
                $(this).remove();
    })

or 
 $('[name="numbers"] option').each(function(){
            if($(this).text() == '' || $(this).text() == null)
                $(this).remove();
   })

 $('[name="letters"] option').each(function(){
            if($(this).text() == '' || $(this).text() == null)
                $(this).remove();
  })

【讨论】：