jQuery ausgewählt ungültig ausgewählten Daten Rückkehr

ich Auswahlbox in meinem Code gewählt habenjQuery ausgewählt ungültig ausgewählten Daten Rückkehr

<select id="days" multiple> 
    <option value="1" selected>Mon</option> 
    <option value="2" selected>Tue</option> 
    <option value="3" selected>Wed</option> 
    <option value="4" selected>Thu</option> 
    <option value="5">Fri</option> 
    <option value="6">Sat</option> 
    <option value="7">Sun</option> 
</select>

Nun, ich brauche alle ausgewählten Werte mit Javascript zu erhalten und sie zu PHP-Prozessor zu senden. Ich habe versucht, mit

var dani = $('#days').val();

und

var dani = $('#days').chosen().val();

Aber das Merkwürdige ist, dass nur das erste Mal, dass ich die richtigen Werte durch Komma getrennt erhalten, jede andere Zeit, es gibt volle Array (1,2, 3,4,5,6,7)

Gibt es eine genauere Vorgehensweise?

Auch muss sagen, Select-Box befindet sich im Bootstrap-modalen Fenster.

Quelle

2016-08-31 skymario84

Versuchen Sie '# dani' durch '# days' zu ersetzen –

Wenn es nicht das ID-Problem ist ... funktioniert für mich https://jsfiddle.net/tL6jq62y/ – DaniP

Kein ID-Problem, Fehler beim Schreiben einer Frage. .. – skymario84

Versuchen Sie folgendes:

$(document).ready(function(){ 

    $("#days option:selected").each(function(){ 

     alert ($(this).val()); 
    }) 
})

<html> 
 
    <title>This is test</title> 
 
    
 
    <head> 
 
    </head> 
 
    <body> 
 
     
 
     <select id="days" multiple> 
 
     <option value="1" selected>Mon</option> 
 
     <option value="2" selected>Tue</option> 
 
     <option value="3" selected>Wed</option> 
 
     <option value="4" selected>Thu</option> 
 
     <option value="5">Fri</option> 
 
     <option value="6">Sat</option> 
 
     <option value="7">Sun</option> 
 
    </select> 
 
     
 
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 
 
     <script> 
 
      
 
     $(document).ready(function(){ 
 

 
      $("#days option:selected").each(function(){ 
 

 
       alert ($(this).val()); 
 
      }) 
 
     }) 
 
     </script> 
 
    </body> 
 
</html>

Wenn möchten alle Ausgewählte Werte in einem Alarm:

<html> 
 
    <title>This is test</title> 
 
    
 
    <head> 
 
    </head> 
 
    <body> 
 
     
 
     <select id="days" multiple> 
 
     <option value="1" selected>Mon</option> 
 
     <option value="2" selected>Tue</option> 
 
     <option value="3" selected>Wed</option> 
 
     <option value="4" selected>Thu</option> 
 
     <option value="5">Fri</option> 
 
     <option value="6">Sat</option> 
 
     <option value="7">Sun</option> 
 
    </select> 
 
     
 
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 
 
     <script> 
 
      
 
     $(document).ready(function(){ 
 
      
 
      var values = "You Selected Values : "; 
 
      var num = ""; 
 

 
      $("#days option:selected").each(function(){ 
 
     
 
       num +=$(this).val() +" "; 
 
       
 
       
 
      }) 
 
      
 
      alert(values + num); 
 
     }) 
 
     </script> 
 
    </body> 
 
</html>

Quelle

2016-08-31 16:20:07 Ehsan

Dank m8, funktioniert Ihre Lösung, aber auf die gleiche Weise wie oben Beispiele, die ich zuvor versucht, manchmal sind die Werte korrekt, aber oft gibt alle Werte zurück – skymario84

jQuery ausgewählt ungültig ausgewählten Daten Rückkehr

Antwort

Verwandte Themen