Question

i have some select options in my form which will post data to my script.but

    <select name="city" id="City">
    <option></option>
    </select>
    <select name="country" id="Country">
    <option></option>
    </select>

but when they are empty they post data with no value somthing like this:

city=&country=&

i know i can unset them by unset command.but when i pass these data to javascript library(jquery) and serialize theme everyone can see them in firebug.how can i prevent empty select options to not post data?

thanks

Answer 1

If your using jQuery here is a quick mock up of something that you could adapt and utilize, where adding a disabled attribute will not submit that form element:

<form method="get" action="./">
    <select name="city" id="City">
        <option></option>
    </select>
    <select name="country" id="Country">
        <option></option>
    </select>
    <input type="submit">
</form>
<script type="text/javascript">
$(function(){
    $('form').submit(function(){
        $('select').each(function(){
            if($(this).val()==''){
                $(this).attr('disabled','disabled');
            }
        })

    })
})
</script>