динамически выбирать несколько опций в поле выбора

Question

имеют массив значений [1,2,4], представляющий значения поля множественного выбора, как установить их как выбранные с помощью jquery или простого javascript?

благодарит за вашу помощь.

Answer 1

Попросту JavaScript:

function in_array(needle, haystack, argStrict) 
{ 
    var key = '', strict = !!argStrict; 
    if (strict) 
    { 
     for (key in haystack) 
     { 
      if (haystack[key] === needle) 
       return true; 
     } 
    } 
    else 
    { 
     for (key in haystack) 
     { 
      if (haystack[key] == needle) 
       return true; 
     } 
    } 
    return false; 
} 

var values = new Array(1, 2, 4); 
var select = document.getElementById('selectName'); //Change to the id of the select 
if (select) 
{ 
    for (var i = 0; i < select.options.length; i++) 
    { 
     //Select options matching array values, unselect others 
     select.options[i].selected = in_array(select.options[i].value, values, false); 
    } 
} 

UPDATE: Добавлен JavaScript функция in_array, которые имитируют PHP один ...

Answer 2

Я не очень хорошо знакомы с Javascript, но я думаю, что это:

var values = [1, 2, 4]; 
var sel = document.getElementsByTagName('SELECT')[0]; 
for (var i = 0; i < sel.options.length; i++) { 
    if(sel.options[i].value == 1 || sel.options[i].value == 2 || sel.options[i].value == 4) 
     sel.options[i].selected = 'selected'; 
} 

Answer 3

Поскольку у меня еще нет 50 пунктов репутации, я не могу комментировать или исправлять сообщение выше

Так вот мой фикс к предыдущему массиву

var values = new Array(1, 2, 4); // using commas 
var values = [1, 2, 4]; // using array notation 

Answer 4

JQuery имеет утилиту под названием $.inArray(value,array). Вы могли бы сделать что-то вроде этого:

var array = [1,2,4]; 

$('#example option').each(function() { 
    var $th = $(this); 
    var value = parseInt($th.val()); 
    if($.inArray(value,array) >= 0) { 
     $th.attr('selected','selected'); 
    } 
}); 

$.inArray() возвращает индекс значения, если она найдена, или -1, если он не находится в массиве. Вот почему вам нужно протестировать >= 0.

Просмотреть пример здесь-

http://jsfiddle.net/PJs37/