Как отобразить параметры выбора для новых добавленных параметров выбора

Question

У меня есть основные параметры выбора, которые, если значение равно функции, результат функции будет отображаться в параметрах дополнительного выбора. Но когда я добавляю новые опции выбора, результат не будет отображаться в новых опциях.

<select id="system-select-1" class="form-control" data-id="1">
 <option selected>Select</option>
 <option value="test1">test1</option>
 <option value="test2">test2</option>
 <option value="test3">test3</option>
</select>

<select id="sdo-select-1" data-id="1" class="form-control sdo-select">
 <option selected>Select</option>
</select>

здесь весь код

Answer 1

Он ничего не показывает, потому что вы просто добавляете подэлемент без заполнения его параметров. (если я понял, что вы имеете в виду) Вам нужно проверить, какой основной параметр выбран, а затем заполнить дополнительные параметры либо до добавления, либо сразу после добавления вашего выбора.

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

Answer 2

Вы можете сделать несколько вещей, чтобы заполнить недавно добавленные субвыборы. Быстрее всего было бы инициировать событие .change() на главном выборе следующим образом:

$(document).on('click', '#add_sdo', function(){
   i++;
   $('#dynamic_sdo').append('<div class="pr-1 salesforce_sdo"><select id="sdo-select-'+i+'" data-id="1" class="form-control sdo-select"><option selected>Select</option></select></div>');    

   $("#system-select-1").change();
});

Вот обновленный код JsFiddle