的jQuery選擇返回無效選擇數據

我已經在我的代碼選的選擇框的jQuery選擇返回無效選擇數據

<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>

現在，我需要得到所有選擇值的JavaScript，並將它們發送到PHP處理器。我試着

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

和

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

但奇怪的是，只有我第一次獲得由逗號分隔正確的價值觀，每個其他時間則返回全陣列（1,2， 3,4,5,6,7）

有沒有更精確的方法呢？

還必須說，選擇框是在bootstrap模式窗口中。

來源

2016-08-31 skymario84

嘗試用'＃days'代替'＃dani' –

如果不是id問題...對我有效https://jsfiddle.net/tL6jq62y/ – DaniP

不是ID問題，寫錯問題。 .. – skymario84

試試這個：

$(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>

如果想在一個警報所有選擇值：

<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>

來源

2016-08-31 16:20:07 Ehsan

感謝m8，你的解決方案的工作原理，但是和上面的例子一樣，我曾嘗試過，有時候值是正確的，但是經常返回所有值 – skymario84

的jQuery選擇返回無效選擇數據

回答

相關問題