0

ここに画像の説明を入力

Gmail には、チェックボックスを使用してラベルを選択できる機能があり、上下にスクロールできる div 要素内に隠されています。

また、下部に新しいラベルを作成するなどのアクションをカスタマイズすることもできます.

また、シンプルな検索バーを使用して上部でフィルタリングを行うこともできます.

そのようなものを実装し、下部にある [新しいラベルを作成] のようなカスタマイズされたアクションを配置できるようにする最も簡単な方法は何ですか?

最低限、スクロール可能な div または select 要素にすべてのチェックボックスを表示する方法があります。

アップデート:

現在、次のチェックボックスしかありません

<div class="input select">
    <label for="SiteSite">Sites</label>
    <input type="hidden" name="data[Site][Site]" value="" id="SiteSite">

<div class="checkbox"><input type="checkbox" name="data[Site][Site][]" value="1" id="SiteSite1"><label for="SiteSite1">ODSite:P11379-440YishunAve11 HWSW_ESTA ENO21.000070.10001 92640145</label></div>
<div class="checkbox"><input type="checkbox" name="data[Site][Site][]" value="2" id="SiteSite2"><label for="SiteSite2">ODSite:P11374-SGRecClub HWSW_ESTA ENO21.000070.10002 92640147</label></div>

</div>
4

1 に答える 1

0

Select2と呼ばれるプラグインを使用できます。このプラグインには、<SELECT>タグに期待するすべてのオプションがあります。

http://img594.imageshack.us/img594/543/select2.png

于 2013-03-07T07:40:17.387 に答える