Обновление нескольких значений выбора с помощью Javascript

Question

Я пытаюсь использовать JS для обновления выбранного значения нескольких элементов select, в то же время. По какой-то причине мой JS обновляет только один номер select, а не все из них на странице. К сожалению, я не могу изменить атрибут idselect, а различные элементы select должны иметь одинаковые id.

Как я могу изменить функцию так, чтобы обновлялись ВСЕ выпадающих списков с идентификатором 'dropdown-test'?

JS

document.getElementById('dropdown-test').value="3"; 

HTML

<select id="dropdown_test"> 
<option>1</option> 
<option>2</option> 
<option>3</option> 
<option>4</option> 
</select> 

<select id="dropdown_test"> 
<option>1</option> 
<option>2</option> 
<option>3</option> 
<option>4</option> 
</select> 

Answer 1

$('#strings option[value=Test]').attr('selected', true); 

Demo Jsfiddle с аналогичными ids

Answer 2

Вы должны иметь уникальные идентификаторы. Если вы хотите использовать JQuery вы можете сделать так:

$('select').val(3); 

Demo here

Если вы хотите использовать простой JavaScript вы можете использовать:

var all_select = document.getElementsByTagName("select"); 
for (i = 0; i < all_select.length; i++) { 
    all_select[i].value = 3; 
} 

Демо-версия here

Если вам все равно нужны идентификаторы, дайте им разные имена.

Read about ID:

Answer 3

попробовать использовать класс name.Id должен быть уникальным.

HTML

<select class="dropdown_test"> 
<option>1</option> 
<option>2</option> 
<option>3</option> 
<option>4</option> 
</select> 

<select class="dropdown_test"> 
<option>1</option> 
<option>2</option> 
<option>3</option> 
<option>4</option> 
</select> 

JS

document.getElementByClass('.dropdown-test').value="3";