JavaScript Selectbox rafraîchissement nécessaire dans YUI 3, lors de la sélection aucun?

Question

J'utilise YUI 3 pour permettre à quelqu'un de cliquer sur "Select All" ou "Select None", puis d'activer ou de désélectionner tous les éléments dans la selectbox. Voici mon code:

// This selects all 
    Y.on('click',function (e) { 
      selectBoxNode.get("options").each(function() { 
       this.removeAttribute('selected'); 
       this.setAttribute('selected','selected'); 
      }); 
     }, selectAllNode 
    ); 

// This selects none 
    Y.on('click',function (e) { 
      selectBoxNode.get("options").each(function() { 
       this.setAttribute('selected','false'); 
       this.removeAttribute('selected'); 
      }); 
      selectBoxNode.('selectedIndex',-1); 
     }, selectNoneNode 
    ); 

selectAllLink, selectNoneLink et selectBoxNode sont de soi, bien retourné nœuds. Mise à jour: selectAll fonctionne, j'ai dû supprimer manuellement l'attribut 'selected' pour chacun et l'ajouter de nouveau. Le paramètre selectNoneLink ne fonctionne pas: il ne désélectionne que les éléments qui n'ont pas encore été sélectionnés ... bien que l'inspection du DOM montre que l'attribut selectedIndex est bien changé en -1, il a peut-être besoin d'un rafraîchissement?

Toute aide serait appréciée. Si cela se produit dans tous les cadres, ce serait bien de le savoir aussi.

Merci!

Answer 1

Cela a fonctionné pour moi.

YUI().use('node', function(Y) { 
    Y.get('#unsel').on('click', function(e) { 
    Y.get('select').get('options').set('selected',false); 
    }); 
    Y.get('#sel').on('click', function(e) { 
    Y.get('select').get('options').set('selected', true); 
    }); 
});