Пропадает код, вставленный через .html()

@bystrewsky · Регистрация: 25.09.2014

Студворк — интернет-сервис помощи студентам

Всем доброго времени суток! Есть такой код:

JavaScript
1
2
3
4
5
 function load_dr(){
  $.post("load_dresses.php", {p:1}, function(res){
    $(".dress_select").last().html(res);
    
   });

...

JavaScript
1
2
3
4
5
function addString(){
     
     $(".add_order_string").last().after("<tr><td><select class='dress_select'></select></td></tr>");
     load_dr();
}

немного поясню: при нажатии на кнопочку срабатывает функция addString() и в некую таблицу добавляется строка, в которую подгружаются данные из файла load_dresses.php, которые возвращает функция load_dr(). Вставка и подгрузка работают, но проблема вот в чем: Если я добавлю одну строку, а потом вторую, то все вставленное в первую строку исчезнет, то есть будет просто пустой <select>. Собственно, вопрос: как вставить данные так, чтобы они остались, сколько бы новых строк я не вставлял? Спасибо!

@setrus52 · 23.05.2017, 10:50

Попробуйте вместо такой конструкции использовать просто append() или prepend()

Добавлено через 3 минуты

JavaScript
1
2
3
4
5
6
$.post(
     "load_dresses.php", 
     {p:1}, 
     function(data){
          $("#myTable tbody").append("<tr><td><select class='dress_select'>"+data+"</select></td></tr>");
     }, "html")

@bystrewsky · 23.05.2017, 11:05 **[ТС]**

и с append() и с prepend() все то же самое, предыдущая строка стирается при добавленнии новой. Я пробовал вставлять напрямую, записывая результат функции в переменную, и вставлять переменную в текст, типа

JavaScript
1
("<select class='dress_select'>" + dresslist + "</select>")

, но тоже не работает, если я правильно понял, то оно вставляет переменную как обычный текст, а не как html

Добавлено через 1 минуту
Хмм, сначала немного не так понял, сейчас попробую и отпишусь

Добавлено через 6 минут
Спасибо! Через append все работает корректно. Не знаю можно ли в этой теме, но спрошу: правильно ли я выбираю элемент, который находится в том же родителе, что и кликабельный элемент?

JavaScript
1
2
3
4
5
6
7
8
9
10
11
  $(document).ready(
        function(){
          $(".gipure_change").click(
            function(){
            
               $(this).parent().find(".change_select").prop("disabled",false); 
            }      
           
           );
        } 
        );

@setrus52 · 23.05.2017, 11:23

Сообщение от bystrewsky

правильно ли я выбираю элемент

Вполне.

Новые блоги и статьи Все статьи Все блоги /
Уведомление о неверно выбранном значении справочника Maks 06.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "НарядПутевка", разработанного в конфигурации КА2. Задача: уведомлять пользователя, если в документе выбран неверный склад. . .	Установка Qt Creator для C и C++: ставим среду, CMake и MinGW без фреймворка Qt 8Observer8 05.04.2026 Среду разработки Qt Creator можно установить без фреймворка Qt. Есть отдельный репозиторий для этой среды: https:/ / github. com/ qt-creator/ qt-creator, где можно скачать установщик, на вкладке Releases:. . .	AkelPad-скрипты, структуры, и немного лирики.. testuser2 05.04.2026 Такая программа, как AkelPad существует уже давно, и также давно существуют скрипты под нее. Тем не менее, прога живет, периодически что-то не спеша дополняется, улучшается. Что меня в первую очередь. . .	Отображение реквизитов в документе по условию и контроль их заполнения Maks 04.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеСпецтехники", разработанного в конфигурации КА2. Данный документ берёт данные из другого нетипового документа. . .
Фото всей Земли с борта корабля Orion миссии Artemis II kumehtar 04.04.2026 Это первое подобное фото сделанное человеком за 50 лет. Снимок называют новым вариантом легендарной фотографии «The Blue Marble» 1972 года, сделанной с борта корабля «Аполлон-17». Новое фото. . .	Вывод диалогового окна перед закрытием, если документ не проведён Maks 04.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: реализовать программный контроль на предмет проведения документа. . .	Программный контроль заполнения реквизитов табличной части документа Maks 02.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: 1. Реализовать контроль заполнения реквизита. . .	wmic не является внутренней или внешней командой Maks 02.04.2026 Решение: DISM / Online / Add-Capability / CapabilityName:WMIC~~~~ Отсюда: https:/ / winitpro. ru/ index. php/ 2025/ 02/ 14/ komanda-wmic-ne-naydena/

Пропадает код, вставленный через .html()

Решение