YUI 3: Wert auf mehrere setzen Wählen Sie

Question

Ich benutze YUI 3, aber ich habe eine Frage über YUI Verwendung.

Ich habe einen select-Tag mit einiger Option tags:

YUI().use("node", "event", "cssbutton", function(Y){ 
 
    Y.one('body').addClass('yui3-skin-sam'); 
 
    
 
    Y.one('#btnSel2').on('click',function(){ 
 
    
 
     Y.one('#mySelect').set('value', '5'); 
 
     
 
    }); 
 
    
 
});

<select id="mySelect" size="10" multiple="true"> 
 
<option value="1">Apple</option> 
 
<option value="2">Mango</option> 
 
<option value="3">PineApple</option> 
 
<option value="4">Orange</option> 
 
<option value="5">Peach</option> 
 
    
 
</select> 
 
<button id="btnSel2" class="yui3-button">Set Selected</button>

Das oben beschriebene Verfahren nur einen Wert abdecken, kann ich mehrere Wert von Array oder String mit Komma gesetzt begrenzt?

Dank

Answer 1

Wenn Sie yui3/build/dom-base/dom-base.js Linie 202 überprüfen werden Sie diese Funktion sehen nicht implementiert ist:

if (options && options.length) { 
    // TODO: implement multipe select 
    if (node.multiple) { 
    } else if (node.selectedIndex > -1) { 
     val = Y_DOM.getValue(options[node.selectedIndex]); 
    } 
} 

Hier ist, wie wir diese Funktion implementiert:

YUI().use("node", "event", "cssbutton", function(Y){ 
 
    Y.one('body').addClass('yui3-skin-sam'); 
 

 
    Y.DOM.VALUE_GETTERS.select = function(node) { 
 
     var val = node.value, 
 
      options = node.options; 
 

 
     if (options && options.length) { 
 
      if (node.multiple) { 
 
       val = []; 
 
       for (var i = 0, options = node.getElementsByTagName('option'), option; option = options[i++];) { 
 
        if (option.selected) val.push(Y.DOM.getValue(option)); 
 
       }; 
 
      } else if (node.selectedIndex > -1) { 
 
       val = Y.DOM.getValue(options[node.selectedIndex]); 
 
      } 
 
     } 
 
     return val; 
 
    }; 
 

 
    Y.DOM.VALUE_SETTERS.select = function(node, val) { 
 
     if (node.multiple && !Y.Lang.isArray(val)) val = [val]; // Allow to set value by single value for multiple selects 
 
     for (var i = 0, options = node.getElementsByTagName('option'), option; option = options[i++];) { 
 
      if ((node.multiple && val.indexOf(Y.DOM.getValue(option)) > -1) || (!node.multiple && Y.DOM.getValue(option) === val)) { 
 
       option.selected = true; 
 
       //Y_DOM.setAttribute(option, 'selected', 'selected'); 
 
      } 
 
     } 
 
    }; 
 
    
 
    Y.one('#btnSel2').on('click',function(){ 
 
    
 
     Y.one('#mySelect').set('value', ['1', '5']); 
 
     
 
    }); 
 
    
 
});

<script src="http://yui.yahooapis.com/3.18.1/build/yui/yui-min.js"></script> 
 

 
<select id="mySelect" size="10" multiple="true"> 
 
<option value="1">Apple</option> 
 
<option value="2">Mango</option> 
 
<option value="3">PineApple</option> 
 
<option value="4">Orange</option> 
 
<option value="5">Peach</option> 
 
    
 
</select> 
 
<button id="btnSel2" class="yui3-button">Set Selected</button>