strutsタグライブラリ - 選択タグ

Question

私はドロップダウンリストを持っています。ユーザーがドロップダウンリストをクリックすると、リスト内の最初の4つのアイテムとスクロールバーが表示され、リスト内の残りのアイテムをスクロールして表示する必要があります。

下のドロップダウンリストのサンプルをご覧ください。ユーザーがドロップダウンリスト、オプション1、オプション2、オプション3、オプション4をクリックしたときのフィドルと同じ方法で、スクロールして残りのオプションをリストに表示するスクロールバーを表示する必要があります。

<select> 
 
    <option value="one">Option 1</option> 
 
    <option value="two">Option 2</option> 
 
    <option value="three">Option 3</option> 
 
    <option value="four">Option 4</option> 
 
    <option value="five">Option 5</option> 
 
    <option value="siz">Option 6</option> 
 
    <option value="seven">Option 7</option> 
 
    <option value="eight">Option 8</option> 
 
</select>

---上記のコードは、IEで動作していない---

編集。 IEでは、スクロールバーが表示されますが、ドロップダウンリストからアイテムを選択すると、警告メッセージが表示され、ドロップダウンリストから日付を選択できません。デバッグして、開発ツールを使用してエラーがないかどうかを確認しようとしましたが、エラーは表示されません。

Internet Explorerが動作を停止しました。プログラムが正常に動作しなくなりました。プログラムを終了してください。

Answer 1

あなたが動的に戻ってクリックしonchange/onblurイベントハンドラの選択リストを展開してonmousedownを使用することができます。

<select onmousedown="if (this.options.length > 4) this.size = 4;" onchange="this.size = 0;" onblur="this.size = 0;"> 
 
    <option value="one">Option 1</option> 
 
    <option value="two">Option 2</option> 
 
    <option value="three">Option 3</option> 
 
    <option value="four">Option 4</option> 
 
    <option value="five">Option 5</option> 
 
    <option value="siz">Option 6</option> 
 
    <option value="seven">Option 7</option> 
 
    <option value="eight">Option 8</option> 
 
</select>