plus rapide sélection de l'option plusieurs valeurs

Question

j'ai une zone de liste multi-sélection avec l'option 100+ < >

Maintenant, j'ai 7 ou 8 valeurs qui doit être sélectionné.

Mon code est:

  var selObj = document.getElementById('list1'); 
      var len = selObj.length; 
      var selected_values = '1#2#15#34#82#96'; 
      var selected_values_array = selected_values.split('#'); 
      var alen = selected_values_array.length; 

      for (i = 0; i < len; i++) { 
       for (j = 0; j < alen; j++) { 
        if (selObj[i].value == selected_values_array[j]) { 
         selObj[i].selected = true; 
         break; 
        } 
       } 
      } 

lorsque le script est rencontré, le navigateur cesse de répondre. Je sais que mon code est mauvais, mais c'est leur façon de l'améliorer. Soit en utilisant jQuery ou javascript?

Merci

Answer 1

Que diriez-vous cela avec un peu d'aide de jQuery (il se travaille maintenant):

var selected_values = '1#2#15#34#82#96'; 
var selectors = '#list1 > option[value="' + selected_values.split('#').join('"], #list1 > option[value="') + '"]'; 
$(selectors).each(function() { 
    $(this).attr('selected', true); 
}); 

Un peu plus laid que je ne l'avais espéré. Mais salut. :)

Voir en action here. Et here is an edited version avec une boîte de sélection de taille plus grande.

Answer 2

Try this ..

$('#list1 option').each(function(i) { 

    for (j = 0; j < alen; j++) { 
    if($(this).val() == selected_values_array[j]) { 
    $(this).attr("selected", true); 
    } 
    } 
});