0

いくつかのオプションがあるドロップダウン選択ボックスがあります。ドロップダウンをクリックすると、ドロップダウンが展開され、すべてのオプションが表示されます。

しかし、クリックではなくマウスオーバーでこの機能が必要です。

マウスオーバーですべてのオプションを表示したい。これについて何か考えがある人はいますか？

更新しました

styledSelect jQuery プラグインを使用しています。このプラグインは、html 選択ボックスを div および li ベースの選択ボックスに変換します。 プラグインのドキュメントはこちら

4

4 に答える 4

0

もう1つ、スクリプトファイルを参照する順序も役割を果たします。作成したjsファイルへの参照を追加してその関数を上書きする前に、jqueryファイルを用意してください。動作しますが、奇妙な理由でサファリでは動作しません

于 2013-10-14T12:12:46.083 に答える
0

select を DOM ツリーの一部としてのみ使用して、select の子としてアクセスできるこの「オプション」情報を含む mouseOver ドロップ div を作成できると思います。したがって、マウスオーバーでのみ選択をシミュレートできると思います。

于 2012-07-13T06:54:04.557 に答える
0

これはまさにあなたが考えていたものではないことはわかっていますが、正しい方向に進んでいる可能性があります。

function toggleSelectBox(selbox) {
    if (selbox.size > 1) { //HIDE:
        selbox.size = 1;
        selbox.style.position = 'static';
    } else { //SHOW:
        selbox.size = selbox.options.length;
        selbox.style.position = 'absolute';
        selbox.style.height = 'auto';
    }
}


<select id="type" name="type" onmouseout="toggleSelectBox(this)" onmouseover="toggleSelectBox(this)">
    <option value="">opt1</option>
    <option value="">opt2</option>
    <option value="">opt3</option>
</select>
于 2012-07-13T06:49:54.793 に答える
0

タスクを達成するには、CSS を使用する必要があります。HTMLの古典的なセレクトボックスではできません。これがあなたが望む例です。

于 2012-07-13T06:51:01.233 に答える