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

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

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

我希望这些项目按用户选择的顺序排列。

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

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

这是我的列表框:

     

这是我调用的jQuery:

  $(document).ready(function() { $('#dr_menuitem').change(function() { alert($("#dr_menuitem option:selected").val()); }); });  

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

 $("#dr_menuitem").change(function() { // $(this).val() will give you an array // of selected value in order // you've selected alert( $(this).val() ); }); 

DEMO

试试这个jquery,

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