在Joomla 2.5中使用jQuery将onChange属性添加到选择中

Question

I need to add the onChange attribute to a drop down list using jQuery in Joomla. I have tried the following way:

jQuery(document).ready(function($) {
    alert("hello world");
    jQuery("#jform_fkcategory").attr('onChange', 'foo();');
});

jQuery is working fine as the alert is popping up. I am unable to add the attribute only. Please help me!

This is my form field:

    <field
        name="fkcategory"
        type="category"
        class="inputbox"
        label="Category"
        description=""
        required="true">
        <option value="">Select Category</option>
    </field>

This is what i've in layout.

<select id="jform_fkcategory" name="jform[fkcategory]" class="inputbox required">

Answer 1

You're almost there. Alter your JavaScript like so:

(function($) {

    function foo() {
        $.ajax({
            // place AJAX request params here
        });
    }

    $(document).on('change', '#jform_fkcategory', foo);

})(jQuery);

Enclose any code to execute when the onchange event is fired inside the foo function.

Good luck!