Необходимо иметь динамический набор значений в выбранном атрибуте, в зависимости от другого атрибута select.
например, будут два атрибута раскрывающегося списка: раскрывающийся список родителя, 2. раскрывающийся список для детей
если в раскрывающемся списке родителей выбрано «А», в раскрывающемся списке будут показаны «Воздух», «Яблоко», «Муравей».
если в родительском атрибуте выбрано «B», тогда будут показаны «Ball», «Box», «Base».
Таким образом, в основном значения раскрывающегося списка для детей будут зависеть от выбранного значения родительского раскрывающегося списка.
Я хочу сделать его динамическим, так как параметры можно сохранить по атрибутам, и эти значения будут отображаться на странице редактирования продукта Catalog.
Заранее спасибо.
попробуйте приведенный ниже код, если у вас есть данные внутри окна выбора в объекте или массиве в JS, тогда вы можете легко его отфильтровать и добавить в поле выбора. Вот демонстрация DEMO
var data = { "A": ["Air", "Apple", "Ant"], "B": ["Water", "Mango", "Fly"] } jQuery('#parent').on('change', function() { var tempData = data[this.value]; var selectChild = jQuery('#child'); jQuery('option', selectChild).remove(); for (var i = 0; i < tempData.length; i++) { var option = new Option(tempData[i], tempData[i]); selectChild.append(jQuery(option)); } });
<select id="parent"> <option value="">Select Parent</option> <option value="A">A</option> <option value="B">B</option> </select> <select id="child"> <option value="">Select Child</option> </select> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>