jQuery IE选择问题

Question

Having some trouble w/ IE7. IE8, Chrome, Firefox all work fine, but IE7 won't execute this code.

Here's the HTML Select (Snippet)

<form name="frmCat" action="index3.html" method="get">
            <select id="mySelect" onChange="onchange1((this).options[this.selectedIndex].value);">
                <option>Select a Category</option>
            </select>

and here is the JavaScript that runs just fine in other browsers (AJAX snippet):

function onchange1(catname){
    //alert(catname);
            $.ajax({
            type: "GET",
            url: "xml/categories.xml",
            dataType: "xml",
            success: function(xml) {
                var div = $('#epcf-wrap');
                var findval = "Cat"
                $(xml).find('Cat').each(function(){
                    var cval = $(this).attr('name');
                                            if(catname === cval){
                                            // I bet there is an easier way to do this
                                            var xmlArr = [];
                                            var xml_EPCF_1_1        = $(this).find('EPCF_1_1').text();

I've read that there is some sort of issue w/ IE7 and AJAX and I've seen some hints that there should be some form of MSIE check being done but I'm new to JavaScript and JQuery and nothing I've found aligns very clearly to what I'm doing here.

Thoughts?

Answer 1

You could just not use the inline javascript. Use the jQuery way.

$('#mySelect').change(function(){
    //You can get the select value by the way below.
    var catname = $(this).val();
    $.ajax({
        type: "GET",
        url: "xml/categories.xml",
        dataType: "xml",
        success: function(xml) {
            var div = $('#epcf-wrap');
            var findval = "Cat"
            $(xml).find('Cat').each(function(){
                var cval = $(this).attr('name');
                if(catname === cval){
                    //....
                }
            }
        }
    });
});

Answer 2

there is no problem to use ajax in IE7.

please add an error handler to the ajax call, and see what error message is returned.

also make sure your method gets the proper parameter.

last,

 $("#myselect").change(handler(event)) 

sounds a bit cleaner. this is in the jquery doc at: http://api.jquery.com/change