Comment définir l'index sélectionné d'une liste déroulante à l'aide de javascript

Comment puis-je régler la valeur sélectionnée d'une liste déroulante à l'aide de javascript?

C'est mon code HTML:

<select id="strPlan" name="strPlan" class="formInput">
    <option value="0">Select a Plan</option>
</select>

Je suis à l'aide de javascript pour ajouter des valeurs. Quelqu'un peut me dire comment faire pour appeler une fonction pour sélectionner une valeur?

  • Postez votre javascript. Nous ne pouvons pas deviner ce qu'est exactement vous êtes en train de faire.
  • Ce que vous avez essayé.Port votre code
InformationsquelleAutor jain ruchi | 2011-12-13
  1. 8

    Comment puis-je régler la valeur sélectionnée d'une liste déroulante à l'aide de javascript?

    Donc, vous voulez changer la valeur de l'option actuellement sélectionnée. Est-ce exact?

    function setValueOfSelected(select, valueToSetTo){
    select.options[select.selectedIndex].value = valueToSetTo;
}

    Et de l'appeler comme ceci:

    setValueOfSelected(document.getElementById('strPlan'), 'selected');

    Démo

    Dans le cas où vous signifiait que vous souhaitez sélectionner une option en fonction de sa valeur, utilisez ceci:

    Déclarer cette fonction:

    function setOptionByValue(select, value){
    var options = select.options;
    for(var i = 0, len = options.length; i < len; i++){
        if(options[i].value === value){
            select.selectedIndex = i;
            return true; //Return so it breaks the loop and also lets you know if the function found an option by that value
        }
    }
    return false; //Just to let you know it didn't find any option with that value.
}

    Maintenant appel à l'option définie par la valeur, comme ça, avec le premier paramètre étant le sélectionner l'élément et le second étant la valeur:

    setOptionByValue(document.getElementById('strPlan'), '1');

    Démo

    InformationsquelleAutor Some Guy
  2. 2

    Quelque chose comme cela pourrait fonctionner, je crois:

    function setDropDownList(elementRef, valueToSetTo)
{
    var isFound = false;

    for (var i = 0; i < elementRef.options.length; i++) {
        if (elementRef.options[i].value == valueToSetTo) {
            elementRef.options[i].selected = true;
            isFound = true;
        }
    }

    if ( isFound == false )
        elementRef.options[0].selected = true;
}

    Trouvé ici. Juste Google pour quelque chose comme "définir la valeur sélectionnée déroulant javascript" et vous obtiendrez beaucoup de solutions possibles.

    • Oui, cette mise à jour fonctionne très bien, je l'ai utilisé.
    InformationsquelleAutor Peter