Comment accéder à un formulaire déroulant à partir de Javascript

Question

Existe-t-il un moyen d'accéder à un texte déroulant avec JavaScript?

Par exemple, je peux accéder à la valeur en faisant:

document.getElementById("transFrom").value; 

Mais je veux le texte entre les balises d'options.

Voici le code HTML d'une forme déroulante:

<select name="transFrom" id="transFrom" style="width: 300px;" tabindex="1" onfocus="return validate_field(this)" onchange="return validate_field(this)"> 
      <option value="">Select An Account</option> 
      <option value="S">Savings</option> 
      <option value="C">Checking</option> 
      <option value="M">Money Market</option> 
    </select> 

Answer 1

essayer

document.getElementById("transFrom").options[document.getElementById("transFrom").selectedIndex].text 

Answer 2

Si vous êtes intéressé, vous pouvez utiliser jQuery:

$('#transFrom').val(); 

http://docs.jquery.com/Attributes/val

I (le long de avec des milliers d'autres), jQuery est extrêmement utile pour de nombreux appels/fonctions javascript simples et complexes. C'est un fichier d'inclusion assez petit pour le montant de l'avantage que vous obtenez.