IE8中无法使用组合框

Question

I used tje following code to populate a combobox with data. It works in Firefox and Google Chrome but not in IE8.

$.ajax({
    type: "POST", url:"reg/data/data.php", 
    data: {
        cat:"Y",
        //toUser: "4",
        // ignoreMessages:"1
    },
    success: function(data){
        $.each(data, function (i, elem) {
            $('#catogery').append( new Option(elem.id) );
            //console.log(elem);
        });              
    }
});  

PHP:

$result = mysql_query("SELECT DISTINCT CATCODE from subjectmaster");

$messages;

header('Content-type: application/json');

$return_arr = array(); 

while($row = mysql_fetch_array($result)) {
    $row_array['id']=$row[0];
    array_push($return_arr,$row_array);
}

echo json_encode($return_arr);

Answer 1

Remove the comma from after the cat:

$.ajax({
type: "POST", url:"reg/data/data.php", 
data: {
    cat:"Y"

},
success: function(data){
    $.each(data, function (i, elem) {
        $('#catogery').append( new Option(elem.id) );
        //console.log(elem);
    });              
}

});

Answer 2

You have mentioned "," in data array and there is no element after that. Remove "," and it should work.

data: {
   cat:"Y", //<------Remove this comma
   //toUser: "4",
   // ignoreMessages:"1
}