On Submit html form i want to delete empty variable

Question

i have a simple html form with 3 drop downs (select with options)

on submit i want to not deliver the empty variable.

for example:

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

if the form is send I get numbers and letters with an empty value.

in this case the variable numbers and letters should be deleted and not be posted to the action form

Are you using AJAX or the default form submission behaviour? — Matt, Jun 20 '17 at 14:43
Are you Posting this to a php File ? Cause it'll be very easy to handle it on the server side! — Hamza Abdaoui, Jun 20 '17 at 14:44
Possible duplicate of [jquery: how to remove blank fields from a form before submitting?](https://stackoverflow.com/questions/5904437/jquery-how-to-remove-blank-fields-from-a-form-before-submitting) — oguzhancerit, Jun 20 '17 at 14:51

score 0 · Answer 1 · answered Jun 20 '17 at 14:45

add selected disabled to your default empty options:

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

score 0 · Answer 2 · answered Jun 20 '17 at 15:03

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

On Submit html form i want to delete empty variable

2 Answers2