Question

我在代码中选择了选择框

<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模态窗口中。

Answer 1

试试这个：

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

＆＃13;

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

＆＃13;

如果想要在一个警报中显示所有选定值：

＆＃13;

{{1}}

＆＃13;

jQuery选择返回无效的选定数据

1 个答案: