jquery选项选择不在chrome中工作

Question

我想在获取需要选择的选项值后,在jquery中选择自动选择选项.但是它无法在Chrome中运行.它在firefox和IE 9中工作.为什么会这样？函数填充是填充值的函数.(函数res,仅重置由函数填充填充的值,对此问题不重要)

function fill(thisValue) {
    $('#inputString').val(thisValue);
    $.post("get.php?op=category", {queryString: ""+thisValue+""}, function(data){
            if(data.length >0) {
                $("#mymenu option[value='"+data+"']").attr('selected', 'selected');
                $('#mymenu').attr("disabled","disabled");
            }
        });
    $.post("get.php?op=name", {queryString: ""+thisValue+""}, function(data){
            if(data.length >0) {
                $('#nameString').val(data);
                $('#nameString').attr("disabled","disabled");
            }
        });
    $.post("get.php?op=author", {queryString: ""+thisValue+""}, function(data){
            if(data.length >0) {
                $('#authorString').val(data);
                $('#authorString').attr("disabled","disabled");                 
            }
        });
    $.post("get.php?op=publisher", {queryString: ""+thisValue+""}, function(data){
            if(data.length >0) {
                $('#publisherString').val(data);
                $('#publisherString').attr("disabled","disabled");
            }
        });


    setTimeout("$('#suggestions').hide();", 200);
}

function res(inputString) {
$('#publisherString').attr("disabled", false);
$('#publisherString').val('');
$('#nameString').attr("disabled",false);
$('#nameString').val('');
$('#authorString').attr("disabled",false);
$('#authorString').val('');
$('#mymenu').attr("disabled",false);
$('#mymenu option').attr('selected', false);
}

Answer 1

您可以使用val()来设置select元素的值.

更改

$("#mymenu option[value='"+data+"']").attr('selected', 'selected');

至

$("#mymenu").val(data);

演示小提琴

另一种解决方案是使用prop().的ATTR()方法用来设置为不设置该属性的元素的属性值.

$('#mymenu option[value="5"]').prop('selected', true)

您可以阅读有关attr vs prop以及jQuery 1.6发行说明的更多信息

演示小提琴