HTMLがそうのようなドロップダウン選択し使用してボタン

Question

をクリックすると、ドロップダウン選択ボックスを作成する方法はあります選択ボックスがドロップダウンしてオプションが表示されますか？私が選択ボックス自体をクリックしているかのように。

Answer 1

（そのことについて申し訳ありません）号

Answer 2

いいえ、カスタムドロップダウン選択要素を使用していません。

jQueryは.click()ですが、GUI要素自体のネイティブの「クリック」イベントではなく、select要素にバインドされたonclickイベントのみを実行します。

Answer 3

あなたはこれを行うことによって、実際の選択領域のサイズを増やすことができます。

<select id="list1"> 
    <option>1</option> 
    <option>2</option> 
    <option>3</option> 
</select> 
<button type="button" onclick="expand()">Click Me!</button> 

<script type="text/javascript"> 
function expand() 
{ 
    document.getElementById("list1").size=3; 
} 
</script> 

これはかなりのドロップダウンを拡大するのではなく、それの多くを示していませんページ上の高さを上げることで、それでもあなたが望むものを達成することができます。

Answer 4

ガレス回答が正しいです！

選択肢のサイズ属性を変更する可能性がありますが、これは選択肢を表示させずにリストボックスとして表示します。 次のようなものがあります。

function showSelect() 
{ 
    var sel = document.getElementById('test'); 
    sel.size = 3; 
    return false; 
} 

<select id="test" size="1"> 
    <option>1</option> 
    <option>2</option> 
    <option>3</option> 
</select> 

<a href="#" onlclick="return showSelect();">show select list</a> 

Answer 5

はい、解決方法は思ったより簡単です。フォーカスを喚起するためにjava-scriptを書くのではなく、単にボタンを作成し、その上に選択要素を0.001の不透明度で絶対配置します。これにより、DOMが意図したように選択クリックをトリガーすることができます。

たとえば、zapposがそれを実行している方法を参照してくださいhere。

これは機能します。それを試してみてください！