Динамически добавить элемент формы

Question

Я старался искать поисковые запросы и предлагаемые названия, но не смог найти ответ. У меня есть мобильная страница jQuery, которая генерируется через PHP.

Итак, на этой странице у меня есть выпадающее меню (город), и, выбрав город, я хочу, чтобы под ним выпадало второе выпадающее меню, в котором есть пригороды. Я получил страницу php, которая отплевывает html, необходимый для инъекций.

$('#city').change(function() { 
    alert($('#city').val()); 
    if($('#city').val() != "") { 
    $.get('get_burb.php', { city: $('#city').val() }, function(data) { 
     alert(data); 
    }); 
    } 
}); 

все проверено, данные - это то, что мне нужно. так где я теперь это ставлю? извините за новизну, я не могу обернуть голову вокруг этого материала jQuery.

редактировать:

после ничего к ней не делать, это было внутри fieldcontain, мне потребовалось некоторое время, чтобы понять это. также возникла проблема, заключающаяся в том, что недавно введенная область не имела стиля стандартного контроля. также, если пользователь меняет город, нам нужно перезагрузить html и удалить его alltogether, если город не получил «борзых».

после бесчисленных попыток и терпит неудачу, я получил работу, поставив пустой DIV (#here) внутри fieldcontain, а затем играть с ней, как так:

$('#city').change(function() { 
    //alert($('#city').val()); 
    if($('#city').val() != "") { 
     $.get('get_burb.php', { city: $('#city').val() }, function(data) { 
      $('#burb').remove(); 
      $('#here').empty(); 
      $("#here").append(data).trigger('create'); 
     }); 
    } else { 
     $('#burb').remove(); 
     $('#here').empty(); 
    } 
}); 

Answer 1

Try:

$('#city').after(data) 

Должен сделать трюк. Это вставляет HTML-код в data после поля выбора с идентификатором city.

Answer 2

выписка .after()

$('#city').after(...) 

Answer 3

часть, которую вы, вероятно, имеете вопрос с «получать вокруг головы», что JQMobile использует HTML для создания другой HTML во время выполнения. поэтому список, например, может быть сгенерирован одним способом перед визуализацией страницы и выглядит иначе (в терминах тегов html) после выполнения рендеринга. Это немного смутило меня.

Я рекомендую получить firebug, чтобы посмотреть, что происходит на вашей странице, чтобы попытаться понять, с чего начинаются, и как они заканчиваются. Некоторые функции JQM вызовут функцию page(), которая будет корректно отображать элементы управления, т. Е. Преобразует их в то, что вы видите на странице, и другие. Знание этого должно помочь вам определить, какова ваша фактическая проблема.

С помощью комбинированных блоков вы обнаружите, что ваши данные, вероятно, меняются и, вероятно, потребуют вызова какого-либо рода, чтобы его обновить.