允許用戶訂購選擇清單？

我想我想做的事很簡單，但它不適合我（新手）。允許用戶訂購選擇清單？

我有一個客戶可以購買的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

允許用戶訂購選擇清單？

回答

相關問題