Показать сообщение отдельно
  #1 (permalink)  
Старый 22.05.2016, 00:41
xax xax вне форума
Новичок на форуме
Отправить личное сообщение для xax Посмотреть профиль Найти все сообщения от xax
 
Регистрация: 22.05.2016
Сообщений: 3

Как вставить в динамически сгенерированный div скрипт для генерации div-ов новых
Здравствуйте!
Не только не пониманию ни чего в jquery, но и вообще в каком бы то ни было программировании не смыслю ни чего. Но. Вследствие изучения ряда постов, в том числе и из вашего форума, накропал небольшой код для сайта, который обрабатывает значение для поля input, генерируя заданное количество div-вов с определенным содержанием, в котором ID для форм определяются динамически. Далее. В дополнение к имеющемуся содержанию нужно добавить скрипт (внутрь вновь генерируемого html), который внутри сгенерированных блоков точно так же позволял бы, в зависимости от значения вновь сгенерированного внутри div-а поля input, генерировать новые блоки в нужном количестве.
Иначе говоря, хочу в существующий код вставить код который точно также как существующий будет обрабатывать input с ID line-ob-is'+ [i+1] +' получаемый посредством обработки первого кода.
ЗЫ: Подозреваю, что то, что я пытаюсь делать - тупо по синтаксису не верно.
Подскажите - как прописывать?
Все выглядит примерно так (не ругайте за корявую подачу, я вообще не местный):


<div class="price-field-tx">
    <input type="number" id="line-ob" name="line-ob" value="0" min="0" max="100" />
</div>
<div class="price-text">
    <label for="line-ob">Бла бла бла</label>
</div>
<div id="line-ob-container">
</div>



$("#line-ob").change(function(){
   var kolloinput = $("#line-ob").val(),
   kollo = $("#line-ob-container > .price-range").length;
   if (kolloinput <= 100 && kolloinput > kollo) {
       for (i = kollo; i < kolloinput; i++) { 
           var loDiv = document.createElement("div");
           $(loDiv).addClass("price-range");
           $(loDiv).html('<div class="price-field-tx"><input type="number" id="line-ob-is'+ [i+1] +'" name="line-ob-is'+ [i+1] +'" value="0"  min="0" /></div><div class="price-text"><label for="line-ob-is'+ [i+1] +'">Бла бла бла выберите бла бла бла</label></div>  !!!!СЮДА ХОЧУ ВСТАВИТЬ СКРИПТ ПРАКТИЧЕСКИ ТАКОЙ ЖЕ КАК ВНЕШНИЙ!!!  ');
           $("#line-ob-container").append(loDiv);
       }
   }
   else {
       if (kolloinput <= 100) {
           for (i = kolloinput; i < kollo; i++) {
               $("#line-ob-container > .price-range").last().detach()
           }
         }
    }
});

Последний раз редактировалось xax, 22.05.2016 в 01:16.
Ответить с цитированием