jquery sélection de problèmes multiples

Question

<select name="garden" multiple="multiple"> 
    <option>Flowers</option> 
    <option selected="selected">Shrubs</option> 

    <option>Trees</option> 
    <option selected="selected">Bushes</option> 
    <option>Grass</option> 
    <option>Dirt</option> 
    </select> 



$("select").change(function() { 
      var str = ""; 
      $("select option:selected").each(function() { 
       str += $(this).text() + " "; 
       }); 
      alert(str); 
     }) 

Son censé alerter l'option des options sélectionnées comme « herbe Dirt » Buissons

Au lieu de cela je deviens vide.

Answer 1

Cela fonctionne:

<script> 
$(function(){ 
    $("select").change(function() { 
      var str = $(this).children('option[selected]').text(); 
      alert(str); 
     }) 
}); 
</script> 

Pas besoin de le faire pour chaque option, il suffit de prendre les options pertinentes que les enfants de la sélection, et le texte() concaténera tout ce match.

Answer 2

Il est un moyen plus facile de le faire avec $('select').val()

<script type="text/javascript"> 
$(document).ready(function(){ 
alert ($("select").val()); 
$("select").change(function() { 
    var str = $("select").val(); 
    alert(str); 
}) 
}) 
</script> 

Les résultats sont séparés par des virgules, de sorte que l'alerte initiale montreront Shrubs,Bushes