Question

I have a big form, that will be serialized by a jQuery function.

The problem is that I need to remove from this form before being serialized all the empty values.

I found a way to successfully remove all the empty input text fields, but not the selections.

It does not work properly with select dropdowns.

Ceck below:

echo "<script type=\"text/javascript\">
$(document).ready(function() {
    $('#submForm').validate({ 
        submitHandler: function(form) {
            // Do cleanup first
            $('input:text[value=\"\"]', '#submForm').remove();
            $('select option:empty', '#submForm').remove();
            var serialized = $('#submForm').serialize();
             $.get('".$moduleURL."classes/DO_submission.php', serialized);
            window.setTimeout('location.reload()', 8000);
            return false;
            form.submit(); 
        }
    })
});

It should completely remove the dropdown selections where the values are empty. Not only the options but the entire select box should not be included in the serialize function.

How do I achieve this?

$('select option:empty', '#submForm').remove();

This code is not working as it should..

Answer 1

If with ’empty select’ you mean that the user has not chosen a ‘valid’ option (for example the fist option of a select is <option value=''>Select your value</option> )why don’t you iterate on the select and check their value?

$('select').each(function(){
    if ($(this).val() === ''){//this assumes that your empty value is ''
       $(this).remove();
    }
});

EDIT – sorry for the error, i missed the last parenthesis, i tried it and it works for me