一些輸入的問題

Question

有誰知道我該如何使這個http://prntscr.com/9z7pk與HTML和JS？我製作了這張照片，這樣你就可以更好地理解我的意思了。 我已經完成了2多個選擇輸入，但我不知道如何插入HTML來把複選框。

在此先感謝！

Answer 1

如果您發現自己在應用程序中有很多這些複雜的小部件，您應該查看一個框架，如extJS或其他類似的框架。它會爲您節省頭痛，並且可以防止您重新發明已經被重複使用過多次的車輪。

Answer 2

不幸的是，多重選擇不會讓您將tickbox或其他任意內容注入菜單項 - 它依賴於OS本機多重選擇熱鍵（通常是移位和控制）。

什麼，你可以嘗試的造型兩個項目作爲ol或ul列表和文件的項目，如在其中li元素。無論何時將項目添加到右側列表中，都會渲染一個新的li元素，並使用以逗號分隔的所選項目列表更新<input type="hidden" />。

取決於你如何想的交互工作，你可以：

1. 實現添加/刪除按鈕，如圖所示，需要你實現在列表中自己多選。一個小部件框架如extJS（如zi42所提到的）可以幫助解決這個問題。
2. 將一個「添加」鏈接放置在左側框中的所有項目旁邊，並在選擇框中的所有項目旁邊放置一個「刪除」鏈接，但必填項目除外。
3. 處理雙重盒子，而不是將每個項目的複選框放在一個單一的統一列表中，除了應該有複選框輸入的強制項目。