Question

我有多个选择，它们的数量取决于来自数据库的数据，因为我想使用ajax提交数据，所以它们都有相同的类名，我怎么才能从用户那里获得所选的值，所以用户每次都会选择一个选项。

<form  method="post" id="group_employee_form">
           <p>Select Country  
           <select name="country" class="country">  
                <option value="">Select Country</option>  
                <option value="1">test1</option>  
                <option value="2">test12</option>  

           </select></p>  
           <p>Select State  
           <select name="state" class="state">  
                <option value="">Select State</option> 
                <option value="1">test1</option>  
                <option value="2">test12</option>   
           </select></p>  

           <p>Select Country  
           <select name="country" class="country">  
                <option value="">Select Country</option>
                <option value="1">test1</option>  
                <option value="2">test12</option>               

           </select></p>  
           <p>Select State  
           <select name="state" class="state">  
                <option value="">Select State</option>  
                <option value="1">test1</option>  
                <option value="2">test12</option>   
           </select></p>  

           <input type="submit">
           </form>

这是JQuery代码

 <script>  
     $(document).ready(function(){  


                $(document).on('submit','form#group_employee_form',function(e){
                          e.preventDefault();
                              var group_id = $(".state").val();

                            alert(group_id);
                });
     });  
     </script>

Jquery代码仅返回第一个选择的值。

请帮忙

Answer 1

// this for selected text by value    

$('#mySelect').val('ab').change();
 //or
$('#mySelect').val('ab').trigger("change");

// this for get slelected options values

$('#mySelect > option:selected').val();

即使下拉选择具有相同的名称，如何仅获取所选选项

1 个答案: