jquery - 呼び出しドロップダウンクリックイベントオンボタンClick/jquery

Question

ドロップダウンがあります。私にもボタンがあります。特別な要件があります。

ユーザーがボタンをクリックすると、ドロップダウンが展開されます。

Answer 1

おそらく、ドロップダウンにオプションを表示する何らかの expand() メソッドを持つカスタム ドロップダウン メニューを作成したいと思うでしょう。デフォルトのドロップダウン メニューにはそのようなものがないため、そこで立ち往生しています。

Answer 2

あなたが望むものを正確に達成することはできませんが、別の方法を思いつきました。ボタンをクリックすると、ドロップダウンsizeを取得したアイテムの量に動的に設定して、「開いて」すべてのアイテムを表示できます。

次に、アイテムを選択するときに、sizeback を 1 に設定できます。これにより、希望するものと実質的に同じルック アンド フィールが得られます。

このための完全なコードは次のようになります。

window.onload = function() {
    var oDDL = document.getElementById("myselect");
    oDDL.onchange = function() {
        //drop down item selected, reset size back to 1 to "close" the list:
        this.size = 1;
    };

    var oButton = document.getElementById("btnOpenDropDown");
    oButton.onclick = function() {
        //set size to number of items to "open" the list:
        oDDL.size = oDDL.options.length;
        oDDL.focus();
    }
};​

ライブ テスト ケース。