2010-06-15 38 views
0

我有一個用戶可以選擇的項目列表。我希望它比標準複選框更友好,所以我有獨立的div的每個獨特的ID。PHP/Codeigniter使用javascript處理列表

當用戶點擊一個項目時,我使用javascript在該項目頂部顯示一個勾號並更改樣式以顯示它突出顯示。

我試圖找出如何在表單提交時傳遞id列表。請記住,如果用戶拒絕某個項目,它應該從列表中刪除,我正在考慮在隱藏文本字段中使用逗號分隔的值,但如果取消選中項目,將無法解決如何從列表的開頭刪除項目

回答

0

您可以將所選項目的列表存儲在JavaScript數組中,並且像Babiker所說的那樣,當切換樣式時,還可以將元素添加到陣列或從陣列中刪除元素。然後,當您提交表單時,請編寫一段JavaScript,將數組數據插入隱藏字段。

另外,如果您是直接以用戶友好的角度來講話,那麼多年來我學到的一點建議是,人們實際上非常習慣於複選框,並且它們爲用戶提供最高水平的理解。這是嘗試和真實的。所以除非你爲特定的設計需求拍攝,否則我會堅持使用複選框。

0

使您的風格切換功能,同時在隱藏字段中切換值。

0

如前所述,使用JavaScript數組來存儲切換列表選項。然後結合到從事件提交該數組轉換爲逗號分隔的字符串的函數(可以使用加入的JavaScript()方法)和串分配給一個隱藏的表單字段

參考:http://www.w3schools.com/jsref/jsref_join.asp