モバイルでは、このデモの「起動」リンクをクリックすると、次のようになります。http: //bit.ly/10E3ScRこれにより、Safariモバイル(IOS)とChromeモバイル(IOS)ではドロップダウンメニューが表示されますが、Chromeモバイルでは何も表示されません(アンドロイド)!
jQuery('#myselect')。select()。focus();を実行するだけです。
ブラウザサファリとクロームモバイルIOSとAndroidの両方でこの小さなトリックをどのように達成できるかについての手がかりはありますか?
フィドル: http: //jsfiddle.net/byJ4X/
jQuery('.mylink').click(function() {
jQuery('#myselect').select().focus();
});
.myspan{
position: absolute;
top: -9000px;
left: 10px;
}
<span class="myspan">
<select id="myselect" class="" size="5">
<option name="option1" value="" class="">option1</option>
<option name="option2" value="" class="">option2</option>
<option name="option3" value="" class="">option3</option>
</select>
</span>