2

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

例如，我有一份客户可以购买的 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>

根据人们从盒子中挑选的物品和顺序，一个列表将填充在盒子下方，其中的物品以正确的顺序被选中。也可以使用复选框来执行此操作。

谢谢。

4

4 回答 4

2

我认为您正在寻找jQuery UI 可排序功能。在 Stack Overflow 上提问之前，请尝试做一些研究和测试。

于 2012-07-30T12:55:49.747 回答
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);
});
于 2012-07-30T13:00:28.150 回答
1

jQuery UI 有一个可排序的组件，它允许将列表项按不同的顺序排序。

于 2012-07-30T12:54:19.817 回答
1

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

于 2012-07-30T12:55:44.573 回答