На странице есть следующие элементы.
<select>
<option>1a</option>
<option>2a</option>
</select>
<ul>
<li>1a</li>
</ul>
<select>
<option>1b</option>
<option>2b</option>
</select>
<ul>
<li>1b</li>
</ul>
<select>
<option>1c</option>
<option>2c</option>
</select>
<ul>
<li>1c</li>
</ul>
Суть задачи в следующем:
В элемент li
должно подставляться выбранное в select
значение (как в коде: в данном случае по умолчанию выбрано первое значение). Причем даже по умолчанию, при загрузке страницы, в li
должно быть значение из select
. Для каждого select
есть свой li
.
Вся проблема заключается в том, чтобы получить нужное мне значение. Делая так, как сейчас, я получаю все выбранные элементы со всех select
.
$val = $('select option:selected').text();
Причем у select
нет каких-то отличительных значений, атрибутов.
Подскажите, как поступить? Спасибо.