Question

我认为我想做的事情非常简单，但不适合我（新手）。

我有一个客户可以购买的10个服务列表。我希望客户能够根据他想要做的第一，第二，第三等服务来订购这个服务列表。

我正在设想一个首先显示所有10个选项的下拉框或复选框，然后在用户选择一个选项后取消第一个选项，等等。

理想情况下，我希望用户选择的服务按顺序显示在下拉列表下方（或页面上的其他位置），可能还有关于服务的其他详细信息，因此他可以看到他最后选择的顺序。它本质上是该人的服务实现的自定义列表。

我更喜欢用javascript / jquery和HTML（和CSS）来完成这一切。有什么简单的方法吗？

提前致谢！

修改只是我可能想要做的一个例子，以使其更清晰。

<select name="products" size="6"> 
<option selected>Select A Starting Product</option> 
<option value="1">Car Wash</option> 
<option value="2">Wax</option> 
<option value="3">vacuum</option> 
<option value="4">polish</option> 
<option value="5">drying</option> 
</select>

根据此人从框中选择的项目以及以什么顺序选择的项目，列表将填充在框下方，其中选择的项目按选择的正确顺序排列。打开也可以使用复选框。

感谢。

Answer 1

我认为您正在寻找jQuery UI Sortable功能。在向Stack Overflow提问之前，请尝试进行一些研究和测试。

Answer 2

你想要的不是精确排序。您希望用户按照他/她选择的顺序查看要查看的项目/服务。

在选择任何服务时调用javascript函数并将新服务附加到显示所选服务的列表中。

$('#ddlServices').change(function() {
  // Append the new service to the list you are showing.
  var str = "";
  $("select option:selected").each(function () {
       str += $("div").text() + "<br/>" + $(this).text() + " ";
  });
  $("#divServices").text(str);
});

Answer 3

jQuery UI有一个sortable组件，允许将列表项分类到不同的顺序。

Answer 4

尝试DataTables，这将允许您从数据库中检索数据，或手动输入数据，用户可以按所有列排序，甚至使用搜索框动态更新。

允许用户订购选择列表？

4 个答案: