jquery多选框

Question

如何使用jquery在多个选择框上进行ajax调用？

任何建议或帮助表示感谢。

此致 拉吉

Answer 1

只需在ajax调用中传递不同的选择框值即可。

         $.ajax({
                 url:'/index.php/ajax/',
                 type:'post',
                 dataType:'json',
                 data:{
                        select_1:$('#select1').val(),
                        select_2:$('#select2').val()
                 },
                 success:function(data){
                      console.log(data);
                 }
         });

如果您正在使用一个可以选择多个的选择，请在数组上调用join（）并传递创建的字符串。

         $.ajax({
                 url:'/index.php/ajax/',
                 type:'post',
                 dataType:'json',
                 data:{
                        select_1:$('#select1').val().join('|')
                 },
                 success:function(data){
                      console.log(data);
                 }
         });

在选择某些内容时进行ajax调用...

     $('#select-box').change(function(){
            $.ajax({});
     });

Answer 2

这是我最喜欢的multiselect jquery ui插件：
http://www.erichynds.com/jquery/jquery-ui-multiselect-widget/

以下是各种演示：
http://www.erichynds.com/examples/jquery-ui-multiselect-widget/demos/

它处理显示和序列化。您可以使用默认表单操作来获取/回发值，因此也可以使用普通的jquery方法而无需额外的。只需序列化表单并通过ajax方法将其发回。

Answer 3

如果您正在寻找依赖选择 - 您可以在SO上看到这个问题：

Drop-down list dependent form