0

オプションの量が未定義のセレクトボックスを取得しています。

例
私の選択ボックスには、異なる値を持つ 50 個のオプションが含まれています。私がしていることは、オプション 1-10 と 25-30 を表示することです。他は切り離されています。オプション 30 をクリックすると、分離されたオプションが結合されます。

私の問題は、選択後にいつものように選択ボックスが閉じることです。この動作を抑制する方法はありますか?

オプション 30 を 1 回クリックすると、選択ボックスを閉じることなく、切り離されたオプションがオプション 30 のすぐ下に表示されると、非常に便利です。

4

2 に答える 2

2

選択ボックスを複数選択ボックスに設定してみてください。次に、30番目のアイテムを選択すると、追加のアイテムが表示されます。

<option>通常の選択ボックスを使用することに本当に執着している場合は、「その他のオプション...」を選択すると、JavaScriptを使用してドロップダウンを読み込んで再度開くことで、そのアクションを生成できる場合があります。

サンプルコードを提供していただければ、例を作成できます。

于 2012-09-18T14:59:03.313 に答える
1

選択ドロップダウンが要件に最適な要素であるかどうかはわかりません. オーバーフロー プロパティがスクロールに設定されている div 内でチェックボックスのリストを使用することを検討することをお勧めします。その方がうまくいくかもしれません。あなたが求めたことを行うためにドロップダウンを取得することは、少し複雑です。たとえば、このフィドルを参照してください

サンプルhtml

<div id="container">
    <label><input type="checkbox" name="test" value="1" />Option 1</label>
    <label><input type="checkbox" name="test" value="2" />Option 2</label>
    <label><input type="checkbox" name="test" value="3" />Option 3</label>
    <label><input type="checkbox" name="test" value="4" />Option 4</label>
    <label><input type="checkbox" name="test" value="5" />Option 5</label>
    <label><input type="checkbox" name="test" value="6" />Option 6</label>
    <label><input type="checkbox" name="test" value="7" />Option 7</label>
    <label><input type="checkbox" name="test" value="8" />Option 8</label>
    <label><input type="checkbox" name="test" value="9" />Option 9</label>
    <label><input type="checkbox" name="test" value="10" />Option 10</label>
    <label><input type="checkbox" name="test" value="11" />Option 11</label>
    <label><input type="checkbox" name="test" value="12" />Option 12</label>
</div>

CSS

label{display:block;}
#container{height:100px;width:200px;overflow:scroll;}
于 2012-09-18T14:53:20.350 に答える