Question

我有一个web应用程序，我在页面加载时使用数据库中的项目填充列表框。

我从列表框中选择了所有项目，但它们按照填充顺序排列。

我希望这些项目符合用户选择的顺序。

我使用jQuery尝试.change(function()，但它只返回第一个选定的项值。

我附上我的代码以供参考。我使用http://harvesthq.github.com/chosen/

使用了列表框

这是我的列表框：

   <asp:ListBox ID="dr_menuitem" runat="server" class="chzn-select" SelectionMode="Multiple" style="width:300px;" >
                    <asp:ListItem></asp:ListItem>
               </asp:Listbox>

这是我调用的jQuery：

<script type="text/javascript">
           $(document).ready(function() {

               $('#dr_menuitem').change(function() {

                     alert($("#dr_menuitem option:selected").val());
                   });
           });

    </script>

Answer 1

要按所选顺序获取所选值，请尝试以下操作：

$("#dr_menuitem").change(function() {

   // $(this).val() will give you an array
   // of selected value in order
   // you've selected

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

<强> DEMO

Answer 2

试试这个jquery，

$(document).ready(function () {
   $("#listbox").multiselect();
});

如何从多选列表框中获取所选项目以便选择它们？

2 个答案: