MooTools - Comment utiliser getSelected()

J'essaie d'apprendre à MooTools et je suis un TOTAL javascript noobie, de sorte s'il vous plaît être gentil avec moi.

Ce que je suis attachant à faire est de changer l'état d'une personne handicapée champ de saisie (type de texte) lorsqu'une option est sélectionnée. Le code html ressemble un peu tis:

<select class="wide" id="selectBox" name="option> 
  <optgroup label="Common">
      <option value="one">One<option>
      <option value="two">Two<option>
      <option value="three">Three<option>
  </optgroup>
  <optgroup label="Less Common">
      <option value="other">Other<option>
  </optgroup>
</select>
<input id="other" type="text" disabled="disabled" />

C'est ce que j'espérais, me donnerait de la valeur à vérifier dans une instruction if qui serait alors modifier l'entrée de désactivé à activé:

window.addEvent('domready', function(){
 $$('#selectBox').addEvent('change',function(){
  var selection = $$('#selectBox').getSelected();
  alert(selection);
   });
});

Lorsque le code nous exécuter (c'est à dire je choisir une autre valeur dans la case d'option) tout ce que j'obtiens est [object HTMLOptionElement].

La documentation sur mootools de cette méthode est des rares et dit:

De la Méthode des éléments: getSelected

Retourne les options sélectionnées d'un
sélectionner l'élément.

Returns:

* (array) An array of the selected elements.

Exemples:
HTML

<select id="country-select" name="country">
    <option value="US">United States</option
    <option value ="IT">Italy</option>
</select>

JavaScript

$('country-select').getSelected(); //Returns whatever the user selected.

Remarque:

Cette méthode retourne un tableau, quel que soit l'attribut multiple de l'élément select. Si la sélection est unique, il retournera un tableau à un seul élément.

Totalement déroutant!

Quelqu'un s'il vous plaît dites-moi ce que je suis absent. J'ai aussi essayé:

var selection = $$('#selectBox').getSelected().value; //and
var selection = $$('#selectBox').getSelected('value'); //and
//a WHOLE bunch of other wild ideas including
var selection = $$('#selectBox').getSelected();
alert(selection[0]);

Rien ne sort correctement. Dans certains cas-je obtenir undefined et dans d'autres cas, j'obtiens la même [object HTMLOptionElement].

Cela vient des années après les faits, mais maintenant j'utilise jQuery et, par conséquent, j'ai oublié comment utiliser MooTools! MDR! Je mentionne cela parce que j'aimerais bien ensemble la réponse qui fonctionne, mais la cause de la rechute en ne sachant pas MooTools je ne peux pas. Peu importe, merci à ceux qui ont répondu!

OriginalL'auteur tranquil.meadows | 2010-07-27