允许用户订购选择清单？

我想我想做的事很简单，但它不适合我（新手）。允许用户订购选择清单？

我有一个客户可以购买的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>

基于该项目的人从箱子以及以什么顺序挑选，名单将填充下面的框，在他们选择正确的顺序选择项目。也可以用复选框打开。

谢谢。

来源

2012-07-30 jonmrich

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

在选择任何服务时调用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-30 13:00:28 Narendra

感谢您的建议。再次，考虑我是一个尝试通过做一些练习来学习的新手。假设这是我的选择列表，我将如何编写js？'<选择name = “产品” 大小= “6”> <所选选项>选择起始产品 <选项值= “1”>洗车 <选项值= “2”>蜡 <选项value =“3”> vacuum ' – jonmrich 2012-07-30 13:14:41

检查编辑的答案。 “ddlServices”是产品ddl的id，“divServices”是将显示服务的div的id。 – Narendra 2012-07-30 13:48:24

jQuery UI有一个sortable组件，允许将列表项目排序为不同的顺序。

来源

2012-07-30 12:54:19 danwellman

感谢您的建议，这不完全是我正在寻找的功能。刚刚编辑我的问题更详细地解释它更好 – jonmrich 2012-07-30 13:38:06

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

来源

2012-07-30 12:55:44

我认为你正在寻找jQuery UI Sortable函数。在提出堆栈溢出问题之前，请尝试做一些研究和测试。

来源

2012-07-30 12:55:49

我其实已经做了大量的研究，这就是为什么我发布了这个问题。我看到了可排序的功能，这不是我所需要的。也许我需要更好地解释我的要求。 – jonmrich 2012-07-30 13:10:44

允许用户订购选择清单？

回答

相关问题