sélectionner dynamiquement plusieurs options dans une boîte de sélection

Question

avoir un tableau de valeurs [1,2,4] représentant les valeurs d'une boîte de sélection multiple, comment puis-je les définir comme sélectionnés en utilisant jquery ou javascript simple?

merci pour votre aide.

Answer 1

En JavaScript plaine:

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); 
    } 
} 

MISE À JOUR: Ajout de la fonction JavaScript in_array qui imitent celui PHP

Answer 2

Je ne suis pas très familier avec Javascript, mais je pense qu'il est ceci:

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

Depuis que je n'ai pas encore 50 points de rep rés, je ne peux pas commenter ou corriger le poste ci-dessus

Voici donc ma solution au tableau ci-dessus

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

Answer 4

jQuery a un utilitaire appelé $.inArray(value,array). Vous pouvez faire quelque chose comme ceci:

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() retourne l'indice de la valeur si elle se trouve, ou -1 si elle n'est pas dans le tableau. C'est pourquoi vous devez tester pour >= 0.

Voir exemple ici-

http://jsfiddle.net/PJs37/