jqueryでセレクトボックスをマウスオーバーなどの、クリック以外で開くことは可能でしょうか?
気になる質問をクリップする
クリップした質問は、後からいつでもMYページで確認できます。
またクリップした質問に回答があった際、通知やメールを受け取ることができます。
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。

回答3件
0
出来ないようです。
javascriptでselectタグを開く方法
selectタグに対しclickイベントを発生させてもプルダウンを開くという動作はしないようです。
投稿2017/02/17 05:05
総合スコア429
0
下準備として、
select内のoption要素を取得し、
HTML生成のイメージは以下のような形です。
HTML
1<select size="4" name="a"> 2 <option value="">選択してください</option> 3 <option value="1">選択肢1</option> 4 <option value="2">選択肢2</option> 5 <option value="3">選択肢3</option> 6</select> 7 8↓生成 9 10<ul style="display: none;" class="hide_select_a"> 11 <li data-value="">選択してください</li > 12 <li data-value="1">選択肢1</li > 13 <li data-value="2">選択肢2</li > 14 <li data-value="3">選択肢3</li > 15</ul> 16
擬似的なプルダウンを作成するイメージです。
投稿2017/02/24 09:52
総合スコア76
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
0
ベストアンサー
cssやらjsやら使ってそれっぽく見せることはできると思いますが。
html
1<div class="wrap"> 2 <div class="value">選択してください</div> 3 <select size="4" name="a"> 4 <option value="">選択してください</option> 5 <option value="1">選択肢1</option> 6 <option value="2">選択肢2</option> 7 <option value="3">選択肢3</option> 8 </select> 9</div>
javascript
1$('select').hide(); 2$('.wrap').hover(function(){ 3 $('select').show(); 4},function(){ 5 $('select').hide(); 6}); 7$('select').click(function(){ 8 $('.value').html( $('option:selected').text() ); 9 $('select').hide(); 10});
投稿2017/02/23 07:30
総合スコア251
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
あなたの回答
tips
太字
斜体
打ち消し線
見出し
引用テキストの挿入
コードの挿入
リンクの挿入
リストの挿入
番号リストの挿入
表の挿入
水平線の挿入
プレビュー
質問の解決につながる回答をしましょう。 サンプルコードなど、より具体的な説明があると質問者の理解の助けになります。 また、読む側のことを考えた、分かりやすい文章を心がけましょう。
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。