Как получить значения динамически добавленных select js?

Question

[VladislavNaida]

Добрый день.
Задача такая: на страницу ajax-ом подгружаются селекты, все они multiple. Количество селектов мы заранее не знаем.
Допустим добавилось 5 штук. В каждом селекте пользователь выбирает X options.
Мне нужно получить все эти выбранные значения.
как это сделать? Пробовал через for in, но тогда даёт только по 1-му значению. В гугле ничего по этому поводу не нашёл
Мой код

var allAttributes = document.querySelectorAll('.attr-value');

        for (attribute in allAttributes) {    
            console.log(allAttributes[attribute].value);
        };

Answer 1

[Newto]

<script>
function getvals() {

  var selectors = document.getElementsByName('selectorname');

  for (var i=0, slen=selectors.length; i<slen; i++) {
  
    selector = selectors[i];
	
	options = selector.querySelectorAll('option');
	
	for (var u=0, olen=options.length; u<olen; u++) {

		option = options[u];
		
		if(option.selected){ 
		
			console.log(option.value);
		}
	}
  }
}
</script>

<select name="selectorname" multiple>
<option value="value 3" class="option">value 3</option>
<option value="value 4" class="option">value 4</option>
<option value="value 5" class="option">value 5</option>
</select>

<select name="selectorname" multiple>
<option value="value 6" class="option">value 6</option>
<option value="value 7" class="option">value 7</option>
</select>

Comments

[VladislavNaida]

Работает)Спасибо большое)

Answer 2

[nagge101]

А по таргету не получается количество выбранных значений?
условно....

var e = document.getElementById("selectId");
var value = e.value;

Comments

[VladislavNaida]

Да, если работать с одним конкретным элементом, который мы можем взять по id, то это работает. Но так как как мы не знаем сколько к нам придёт, то получается нужно прогонять через цикл. И вот тут то вся система и ломается))

Answer 3

[historydev]

Так?

Comments

[Stalker_RED]

у автора проблемы с multiple

[historydev]

Stalker_RED, не сталкивался, смотрю вот в гугле, w3school пример, ctrl всегда или может быть другая клавиша? Я бы записывал при зажатом комманд и удалял если такой элемент уже есть соответственно, если я правильно понял

[Stalker_RED]

Владимир, уже дали ответ. Суть в том, что select.value нормально работает только при одном значении, а для multiple надо перебирать все option и проверять их свойство selected.

[historydev]

Stalker_RED, ааа, принял, спасибо!