javascript - jQuery 自动完成的错误

Question

这段代码并没有执行result()回调函数内部的代码块:

var cityURL = '/myURL/path';
    $('#city').autocomplete(cityURL, {
        cachelength:0
    }).result(function(event, data){
       if(data){           
            $('#city_id').val(data[1]);
            $('#state_id').val(data[3]);
            $('#state').val(data[2]);
       }
    });

input#city_id 和 input#state_id 的值不会更改，但 #state 的值会更改。两者都是隐藏在其字段旁边的输入:

<input type="text" id="city" name="city"/>
<input type="hidden" id="city_id" name="city_id" />

<input type="text" id="state" name="state"/>
<input type="hidden" id="state_id" name="state_id" />

但是，如果我发出警报，值就会发生变化:

$('#city').autocomplete(cityURL, {
    cachelength:0
}).result(function(event, data){
   if(data){       
        alert(data[1]);
        $('input#city_id').attr('value',data[1]);
        $('input#state_id').val(data[3]);
        $('input#state').val(data[2]);
   }
});

这是为什么？

编辑:从头开始，即使有警报，值也不会改变:

Answer 1

正如我在评论中所怀疑的那样，这只是 Firebug 没有正确更新。您不应该相信它显示的输入值属性，因为它们通常已经过时。

检查输入值的可靠方法是使用 JS 并在控制台中输入类似 $("#foo").val(); 的内容。