html - オプションタグを選択します。つまり、HTMLのドロップダウンに完全なリストが表示されます

Question

<select> </select> ドロップダウンリストから選択をクリックすると、タグに25〜30のオプションがあります。最初の20個のオプションのリストのみを取得し、その後、リストを下にスクロールして先に選択する必要があります。つまり、21個先に進む必要があります。

しかし、私の要件は、ドロップダウンをクリックして選択すると、スクロールバーではなく、25〜30のすべてのオプションが表示される完全なリストが表示されることです。

Pleaeは私を助けてくれます..私はそれにたくさんのグーグルをしましたが、解決策はありませんでした。

score 0 · Accepted Answer

そのスニペットを試してください

$('select').on('click', function(){
    $('select').attr('size', $('select option').size());
})

score 0 · Accepted Answer

この質問を見てください：

受け入れられた回答の状態として-それを行う方法はありません。それを実現するために、カスタム JS ドロップダウンを使用する必要があるとします。

score 0 · Accepted Answer

要素の属性sizeはselect、ドロップダウンリストに表示されるオプションの数を指定します。

size 属性の値が 1 よりも大きく、リスト内のオプションの総数よりも小さい場合、ブラウザーはスクロールバーを追加して、表示するオプションが他にもあることを示します。

使用するJQueryと、次のように選択リストでオプションの数を見つけることができます。

var count = $("#mySelect :selected").length;

size次のように、属性をこの番号に設定します。

$("select").attr('size',count);

3 に答える 3