Question

I’m having a fight with the Serialize code on the JSFiddle below, it’s not picking up the select options available in the form? It’s picking up the text inputs well enough however the ‘select’ is not appearing. The code excludes empty fields but the select option is never empty?

JQuery Serialize

Answer 1

you have the select blocked rather than including it try this

$('#form1').find('select,input[type="text"]').not('#url').change(function(){
    var val = "";
    var url = '/static/url/to/file.php?';
    $('form select,input[type="text"]:not("input#url")').each(function(){
        if ($.trim(this.value).length > 0 ) {
          val += ($(this).attr('name') + "" + this.value + "&");
        }  
    })
    $('#url').val(url+val);
});

$('#button').click(function(){
    window.location= $('#url').val();
});

WORKING DEMO