javascript selectIndex right value

Question

J'ai deux listes déroulantes possibles avec lesquelles je travaille. Le premier ressemble à:

<select id="drop1" name="drop1"> 
    <option value="">Select</option> 
    <option value="1">January</option> 
    <option value="2">February</option> 
    ... 
</select> 
<input type="text" value="1" onclick="set(this.value);" /> 

et le second ressemble

<select id="drop2" name="drop2"> 
    <option value="1">January</option> 
    <option value="2">February</option> 
    ... 
</select> 
<input type="text" value="1" onclick="set(this.value);" /> 

Comment puis-je faire en sorte que si la valeur choisie dans set(this.value) est = 1 (Janvier), par exemple, je terminerai en sélectionnant Janvier et non - ni février

Answer 1

Your'll à itérer sur les options de votre <select> jusqu'à ce que vous trouviez celui dont value est 1:

function selectOptionWithValue(select, value) { 
    value = "" + value; 
    var options = select.options; 
    for (var i = 0, len = options.length; i < len; ++i) { 
     if (options[i].value == value) { 
      select.selectedIndex = i; 
      return; 
     } 
    } 
} 

<input type="text" value="1" 
    onclick="selectOptionWithValue(document.getElementById('drop1'), this.value);">