2017-06-20 97 views
1

我有一个简单的html表单,3个下拉列表(选择选项)On提交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> 

如果表单发送我得到的数字和字母与空值。

在这种情况下,变量的数字和字母应该删除,不会被postet行动表

我希望你明白我的问题

谢谢

+0

您正在使用AJAX或defaul表单提交行为? – Yoda

+0

你是否将此内容发布到php文件? 因为它会很容易处理它在服务器端! –

+1

[jquery:如何在提交前从表单中删除空白字段?]的可能重复?(https://stackoverflow.com/questions/5904437/jquery-how-to-remove-blank-fields-from-a-form-之前,提交) – oguzhancerit

回答

0

添加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> 
0
$('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(); 
    })