Comment mettre en forme l'option sélectionnée par pas de valeur par l'indice de

Ici j'ai lu comment définir un formulaire en option choisie par l'indice de

<select name="sel"> 
  <option value="o1">option1</option>
  <option value="o2">option2</option>
</select>

document.getElementsByName('sel')[0].selectedIndex = 0; or
document.getElementsByName('sel')[0].selectedIndex = 1;

mais est-il possible de mettre une option choisie par la référence à une valeur de l'option à la place de l'index?

OriginalL'auteur Viktor | 2013-02-28

  1. 7

    Vous pourriez tout simplement la value propriété de la <select> élément, comme répondu dans Comment puis-je par programmation à définir la valeur d'une boîte de sélection de l'élément à l'aide de javascript?

    <select name="sel"> 
    <option value="o1">option1</option>
    <option value="o2">option2</option>
</select>

<select name="sel"> 
    <option value="o1">option1</option>
    <option value="o2">option2</option>
</select>

document.getElementsByName("sel")[0].value="o2";

    JSFiddle

    C'est le droit. Si vous venez de alert ou console.log la déclaration, vous verrez qu'il renvoie la valeur (o2 dans ce cas). Aussi, prendre en compte la selected attribut est appliqué à la <option> éléments, pas la <select>. Par exemple, ce serait le travail: document.getElementsByName("sel")[0].options[1].setAttribute("selected", "selected");
    ^^c'est juste le même que .selectedIndex=1; n'est-ce pas?
    En effet. Vous pouvez définir l'option sélectionnée par l'indice avec la selectedIndex de la propriété ou de la valeur avec le value de la propriété.
    aahhhhh! ok! - Je l'obtenir! Je vous remercie très très très très très bien!
    ici c'est jsFiddle

    OriginalL'auteur Xavi López