Как взять значения из каждого select'a?

116
03 августа 2019, 01:20

Создаются блоки через цикл, в каждом блоке есть select. Подскажите, как при клике на кнопку, взять выбранные значения из всех созданных select'ов?

<div v-for="attribute in attributes" class="col">
 {{ attribute.name }}
 <select ref="selectedVariation" class="form-control">
     <option selected>---</option>
     <option v-for="variation in attribute.variations"
     :key="variation.id"
       :value="variation.id">
      {{ variation.name }}
     </option>
  </select>
</div>`
<button class="btn btn-success">Click</button>
Answer 1

Вот ответ:

awesomeMethod() { 
  var length = this.$refs.selectedVariation.length 
 
  for (var i = 0; i < length; i++) { 
    this.variations[i] = this.$refs.selectedVariation[i]['value'] 
    // console.log(this.$refs.selectedVariation[i]['value']) 
  } 
}

Answer 2
collectValues() {
    this.collectedValues = this.$refs.selectedVariation.map(item => item.value);
}
READ ALSO
Как идентифицировать автора чат-бота?

Как идентифицировать автора чат-бота?

Как подтвердить авторство чат-бота в Telegram (WhatsApp, Facebook Messenger, Slack и тд

112
Можно ли поместить внутрь if цикл while?

Можно ли поместить внутрь if цикл while?

Правильно ли я написал этот код? Я новичок в JavaScript

95
Обработка кириллицы при разборе url?

Обработка кириллицы при разборе url?

В запросе url есть кирилица: прм: /?s=билеты+на+самолет, я его разбираю создавая ссылку и вытягивая нужнуюю мне часть, но получаю трабл с кодировкой

124
Обработка ошибки в Angular2/7

Обработка ошибки в Angular2/7

На input'e срабатывает метод и шлет запрос на товарыПолучив массив объектов, сразу выводит его в шаблоне и в цикле шлется запрос за ценами на полученные...

101