Доброй ночи!
Хочу реализовать выпадающий список с пунктами, которые будут со временем дополнятся. Список создан как доп.поле.
На странице добавления новости будет 15 полей, в которые и нужно будет делать выбор того или иного пункта из списка.
На каждое поле делать клон доп.поля со списком, это не разумно, придется править все 15 доп.полей со списками.
Как сделать, чтобы на каждый input, в который нужно указывать единицу измерения продукта выпадал список, и так на следующие поля?
Пример как хотелось бы сделать:
Сам код из шаблона с доп.полями:
// ПОЛЯ В КОТОРЫЕ ПРИ НАЖАТИИ ДОЛЖЕН ПОЯВЛЯТЬСЯ СПИСОК С ВЫБОРОМ
<ul class="ingredient-b">
<li class="select-multiple">[xfinput_gramm-ingredient1]</li>
<li class="select-multiple">[xfinput_gramm-ingredient2]</li>
<li class="select-multiple">[xfinput_gramm-ingredient3]</li>
<li class="select-multiple">[xfinput_gramm-ingredient4]</li>
<li class="select-multiple">[xfinput_gramm-ingredient5]</li>
<li class="select-multiple">[xfinput_gramm-ingredient6]</li>
<li class="select-multiple">[xfinput_gramm-ingredient7]</li>
</ul>
// СПИСОК С ВЫБОРОМ КАТЕГОРИЙ
<span class="select-multiple">[xfinput_spisok-ingredient]</span>
<select name="xfield[spisok-ingredient]" data-select2-id="6" tabindex="-1" class="select2-hidden-accessible" aria-hidden="true">
<option value="0" data-select2-id="8">Грамм</option>
<option value="1" data-select2-id="34">Килограмм</option>
<option value="2" data-select2-id="35">Штука</option>
<option value="3" data-select2-id="36">Щепотка</option>
<option value="4" data-select2-id="37">Дэш</option>
<option value="5" data-select2-id="38">Веточка</option>
<option value="6" data-select2-id="39">Стебель</option>
<option value="7" data-select2-id="40">Кусок</option>
<option value="8" data-select2-id="41">Пучок</option>
<option value="9" data-select2-id="42">Зубчик</option>
<option value="10" data-select2-id="43">Головка</option>
<option value="11" data-select2-id="44">По вкусу</option>
<option value="12" data-select2-id="45">На кончике ножа</option>
<option value="13" data-select2-id="46">Столовая ложка</option>
<option value="14" data-select2-id="47">Чайная ложка</option>
<option value="15" data-select2-id="48">Литр</option>
<option value="16" data-select2-id="49">Миллилитр</option>
<option value="17" data-select2-id="50">Стакан</option>
<option value="18" data-select2-id="51">Банка</option>
</select>
Исходный код полей input из консоли браузера:
<input type="text" name="xfield[gramm-ingredient1]" id="xf_gramm-ingredient1" value="" data-rel="links" class="ui-autocomplete-input" autocomplete="off">
<input type="text" name="xfield[gramm-ingredient2]" id="xf_gramm-ingredient2" value="" data-rel="links" class="ui-autocomplete-input" autocomplete="off">
<input type="text" name="xfield[gramm-ingredient3]" id="xf_gramm-ingredient3" value="" data-rel="links" class="ui-autocomplete-input" autocomplete="off">
<input type="text" name="xfield[gramm-ingredient4]" id="xf_gramm-ingredient4" value="" data-rel="links" class="ui-autocomplete-input" autocomplete="off">
<input type="text" name="xfield[gramm-ingredient5]" id="xf_gramm-ingredient5" value="" data-rel="links" class="ui-autocomplete-input" autocomplete="off">
Спасибо заранее за уделенное время и помощь!
