Question

我遇到了问题，但我无法解决。

我的代码正在使用firefox 。

我有两个列表框：第一个包含国家/地区，第二个包含城市。如果您更改国家/地区，则城市会在第二个列表框中列出。

我的jquery代码：

$('#country').change(function(){

var sec=$('#country').val();

    $.post(
            'select.php?do=country',
            {s:sec},
            function(answer){
                $('#city').html(answer);
            }
    );

});

当我改变国家/地区时谷歌浏览器没有任何反应。

谢谢。

Answer 1

所有这些代码都包含在$(document).ready()方法中吗？

Chrome的解析速度比ffox快，因此在{DOM}准备就绪之前，change函数的绑定可能会发生。如果不使用DOM ready函数，浏览器可能无法呈现标识为country的元素。

$(function() {
// or $(document).ready(function() {
  $('#country').change(function(){

  var sec=$('#country').val();

    $.post(
            'select.php?do=country',
            {s:sec},
            function(answer){
                $('#city').html(answer);
            }
    );

  });

}）;

Answer 2

除了将代码包装在“onload函数”中之外，您可以将js放在文件的底部，这是因为页面性能原因而被重新设置，并且它也正确地解析了脚本。

Jquery $ .post不适用于chrome

2 个答案: