1

На странице есть следующие элементы.

<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 нет каких-то отличительных значений, атрибутов. Подскажите, как поступить? Спасибо.

1 ответ 1

0

Чтобы выбирать рядомстоящие элементы, используйте методы .next() и .prev().

$('ul').each(function() {
  var text = $(this).prev('select').find('option:selected').text(); // выбираем предшествующий select, находим в нем выбранную опцию и берем из нее текст
  $(this).find('li').text(text); // вставляем полученный текст в li
});

$('select').on('change', function() { // при выборе опции
  var text = $(this).find('option:selected').text(); // находим выбранную опцию и берем из нее текст
  $(this).next('ul').find('li').text(text); // выбираем идущий следом ul, в нем находим li и вставляем в него полученный текст
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select>
<option>1a</option>
<option>2a</option>
</select>
<ul>
  <li></li>
</ul>
<select>
<option>1b</option>
<option>2b</option>
</select>
<ul>
  <li></li>
</ul>
<select>
<option>1c</option>
<option>2c</option>
</select>
<ul>
  <li></li>
</ul>

6
  • Кто минусует, хотя бы пишите за что.
    – Cheg
    23 июл 2017 в 15:13
  • Спасибо за помощь 23 июл 2017 в 15:15
  • @Cheg в 98% случаев никто не скажет почему) иногда это просто так) 23 июл 2017 в 15:44
  • @АлексейШиманский видимо, такой способ самовыражаться...
    – Cheg
    23 июл 2017 в 15:46
  • @Cheg когда как. но и отчитываться тоже никто не обязан. увы, несовершенство системы ¯\_(ツ)_/¯ 23 июл 2017 в 15:47

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.