Comment sélectionner plusieurs valeur à partir d'une listbox

J'ai un code ci-dessous où, si je sélectionne une valeur, il fonctionne très bien, mais maintenant, j'ai besoin de telle manière que lorsque je de sélectionner plusieurs valeurs dans la liste, je dois obtenir la valeur de certaines valeurs. Comment dois-je faire?
Voici le code,

Code HTML:

<select id="attributeNames" name="attributeNames" size="5" multiple="multiple"         
onchange="getUniqueValues(value)">
<option value="Apple"> Apple </option>
<option value="Mango"> Mango </option>
<option value="Orange"> Orange </option>
<option value="Banana"> Banana </option>                                            
</select>

JavaScript:

function getUniqueValues(value){
alert(value);
}

Par exemple:
Si j'ai choisi d'Apple, puis-je obtenir alerte en disant: apple, maintenant, si je sélectionne la pomme & à la mangue, je dois obtenir l'alerte ayant pomme & mango valeurs. Face à problème ici.

Voici le code: http://jsfiddle.net/5VtE3/2/

Merci d'avance,

InformationsquelleAutor madhu | 2013-01-04
  1. 2

    Voici un exemple sur la façon de le faire -

    HTML - 

    <select id="attributeNames" name="attributeNames" size="5" multiple="multiple">
    <option value="Apple"> Apple </option>
    <option value="Mango"> Mango </option>
    <option value="Orange"> Orange </option>
    <option value="Banana"> Banana </option>                                            
</select>

    JS - 

    window.onload = function () {
    var listbox = document.getElementById('attributeNames');
    listbox.onchange = function () {
        for(var index = 0; index < this.children.length; index++) {        
            if (this.children[index].selected) {
                console.log(this.children[index].value);
            }            
        }
    }​;
};

    Démonstration En Direct.

    • Il a travaillé, mais a fait de petites variations autour d'elle. Merci!!!
    InformationsquelleAutor MD Sayem Ahmed
  2. 2

    Si vous n'avez pas l'esprit à l'aide de jquery, - 

    function getUniqueValues(){  
    var k=0;  
    var selected_list = {};  
    $('#attributeNames option').is(':selected').each(function(){  
        selected_list[k++] = $(this).val();  
        });  
    alert(selected_list);  
    }

    OU

    function getrUniqueValues(){  
    $('#attributeNames option').is(':selected').each(function(){  
        alert($(this).val());  
        });  
    }
    • +1, j'aime jQuery 🙂 $('#attributeNames > option:selected')
    • et tant de fois nous oublions que jQuery est pas JavaScript 🙂
    • mais nous devons considérer que jQuery JavaScript EST 😀
    • Je pense que nous devrions envisager de jQuery comme un cadre qui a changé la façon dont nous avons utilisé pour l'utilisation de JavaScript dans les pages web, pas de JavaScript :-).
    • J'ai juste plaisanté. Je sais que lorsque la question n'est pas identifié avec jQuery, les gens ne veulent pas (ou ne connaissent pas l'existence). De toute façon je pense que jQuery, des solutions alternatives sont toujours bon à voir
    InformationsquelleAutor davneet
  3. 0

    Vous pourriez vouloir essayer cases

    <input type="checkbox" name="fruit" value="apple">Apple<br/>
<input type="checkbox" name="fruit" value="banana">Banana

    Ou vous devez juste essayer de faire: 

    <select id="attributeNames" name="attributeNames" size="5" multiple="multiple" onChange="getUniqueValues()" >
  <option value="Apple"> Apple </option>
  <option value="Mango"> Mango </option>
  <option value="Orange"> Orange </option>                                           
</select>

function getUniqueValues(){
var values = this;
}
    InformationsquelleAutor Slackware
  4. 0

    Essayez ceci:

    <select id="attributeNames" onchange="getUniqueValues.call(this)" name="attributeNames" size="5" multiple="multiple">
    <option value="Apple"> Apple </option>
    <option value="Mango"> Mango </option>
    <option value="Orange"> Orange </option>
    <option value="Banana"> Banana </option>                                
</select>

function getUniqueValues(){
    for(var i = 0; i < this.options.length; i++){
        if(this.options[i].selected)
            alert(this.options[i].value);
    }
}

    jsfiddle: http://jsfiddle.net/5VtE3/7/

    InformationsquelleAutor karaxuna
  5. 0

    JS:

    function getValue(id) {
                    var retval = "";
                    var lstdatabase = document.getElementById(id);
                    for (var i = 0; i < lstdatabase.options.length; i++) {
                        if (lstdatabase.options[i].selected) {
                            if (retval == "") {
                                retval = lstdatabase.options[i].value;
                            }
                            else {
                                retval = retval + ',' + lstdatabase.options[i].value;
                            }
                        }
                    }
                    return retval;
                }

    InformationsquelleAutor nacx08