2014-03-25 3 views
1

В настоящее время я использую следующий javascript для выбора элемента из приведенного ниже HTML. Как выбрать несколько значений одновременно?Как выбрать несколько значений <option> с помощью имени пользователя?

Сценарий:

//Select Forum 
var forumselector = document.querySelector('select#forumchoice'); 
forumselector.value = 326; 

HTML:

<select class="primary" id="forumchoice" name="forumchoice[]" multiple="multiple" tabindex="1" size="5">       
<option value="" class="" selected="selected">Search All Open Forums</option> 
<option value="subscribed" class="" >Search Subscribed Forums</option> 
<option value="130" class="d0" > The Community</option> 
<option value="327" class="d1" > General Support</option> 
<option value="326" class="d2" > Beginners Section</option> 
<option value="331" class="d2" > General Help</option> 
... 

ответ

1

Вы можете использовать document.querySelectorAll и перебирать нодлисте:

var forumselector = document.querySelectorAll('select#forumchoice option'); 

for (var i = 0; i < forumselector.length; i++) { 
    if (['327', '331'].indexOf(forumselector[i].value) != -1) { 
     forumselector[i].setAttribute('selected', 'selected'); 
    } 

} 

Demo

+0

работает хорошо, спасибо :) – resurrectedstar

0

Если хотите выбрать несколько значений через то же поле выбора, то попробуйте этот

<select multiple="multiple"> 

Если хотел выбрать несколько элементов с помощью JavaScript затем попробуйте использовать элементы, разделенные запятыми.

document.querySelectorAll('select#selectEleId, #eleId2'); 

Надеется, что это помогает ...