Question

I have a form that I am trying to post to php using jQuery ajax, and it needs to be validated first.

The field looks like this:

<select name="inquirymodule[]" id="inquirymodule[]">
<option value="" selected>Select an Inquiry Module</option>
<option value="1">Module 1</option>
</select>

Additional selectors can be added with jQuery to allow as many selections to be made as needed, and all values posted in the inquirymodule variable.

I have read elsewhere that I think I can post this variable using the value

jQuery('#inquirymodule').serialize()

But I have validation running on the select, to make sure something is selected before it is submitted. Prior to making this an array variable, this worked:

jQuery('#inquirymodule').bind('change', function (event) {
    wizard.validate(true);
});

However I know that adding ‘[]‘ to the variable name will break the javascript here.

Any advice?

Answer 1

You can use the selector :

       $("select[name='inquirymodule[]']")

To bind the change event to all inquirymodule elements :

     $("select[name='inquirymodule[]']").on('change',function() 
        {
           //code here

        });