Javascript: Sélectionnez l'option basée sur son contenu

Question

Fondamentalement, mais en pur javascript:
How to get 'value' of select tag based on content of select tag, using Nokogiri

J'ai une liste de sélection avec un grand nombre de pays/états, et je veux être en mesure de choisir l'une basée sur ce qui est entre les balises <option>.

<option value="4783">Argentina</option> 

(je sais que je pourrais utiliser la valeur, mais chacun est un maillage aléatoire de nombres, donc je dois recueillir chacun un individu - et non économique)

Answer 1

Il est un peu douloureux, mais en pur JavaScript:

for(var i=0,sL=mySelObj.length;i<sL;i++){ 
    if(mySelObj.options[i].text == myValue){ 
    mySelObj.selectedIndex = i; 
    break; 
    } 
} 

Answer 2

La propriété textContent vous permet de voir ce qu'il y a dans le tag. Ma tête et sans test, qui devrait fonctionner:

function selectByDisplayValue(selectTag, displayValue) 
{ 
    var options = selectTag.getElementsByTagName('option'); 
    for(var i = 0; i < options.length; i++) 
     if(options[i].textContent == displayValue) 
     { 
      options[i].selected = true; 
      break; 
     } 
} 

Où selectTag est l'objet DOM de votre balise <select> et displayValue est la valeur d'affichage de l'option que vous souhaitez sélectionner (pour votre exemple, « Argentine » ce serait).

Answer 3

Maintenant que querySelector est disponible dans la plupart des navigateurs, vous pouvez utiliser:

document.querySelector('select').selectedIndex = 
    document.querySelector('option[value=4783]').index;