如何使用列表項作爲表單中的值？

Question

我有一個客戶誰要求我們做了一個功能，其中大量的項目列表按類型縮小（使用jquery隱藏除匹配所選內容以外的所有項目），並且它看起來都很花哨......

現在，他要求我將這個「類型」的漂亮列表（帶有漂亮的小圖標並彈出說明）添加到表單中以替換選擇下拉列表。值都是一樣的，但我不明白我怎麼可以點擊這些按鈕中的一個表單中的值。

我想也許每個項目可能是一個單選按鈕，所以它的值將取決於哪個單選按鈕被選中（或圖標選擇），但我不知道如何/如果這樣做。

任何意見都會很棒。謝謝。

Answer 1

只要讓您的下拉框不可見，並將事件綁定到您的列表項目，並在單擊一個項目時更新您的下拉框。

JS例如

$('#items li').click(function(){ 
    $('#my_drop_down_box').value($(this).attr('rel')); 
}); 

HTML例

<ul id="items"> 
    <li rl ="1">Item 1</li> 
    <li rel="2">Item 2</li> 
</ul>