Jquery $ .post не работает на Chrome

Question

У меня проблема, но я не смог ее решить.

мой код отлично работает на firefox .

У меня есть два списка: первый содержит страны, второй - города. Если вы измените страну, список городов появится во втором списке.

мой код JQuery:

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

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

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

});

когда я сменил страну, в Google Chrome ничего не происходит.

спасибо.

Answer 1

Обернут ли весь этот код методом $(document).ready()?

Chrome анализирует быстрее, чем ffox, и, следовательно, привязка функции change может иметь место до того, как DOM будет готов.Без использования функции готовности DOM элемент с идентификатором 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

В дополнение к переносу кода в «функцию загрузки» вы можете поместить js внизу файла, это рекомендуется по соображениям производительности страницы и также правильно анализирует скрипт.