モバイルブラウザでドロップダウンを開くにはどうすればよいですか？

Question

親のドロップダウン変更イベントで子のドロップダウンを開こうとしています。私のフォームでは、親のSelectのドロップダウン変更イベントで1つずつ開く必要がある10個のドロップダウンがあります。

私はjQueryのスニペットの多くを試みたが、それらは唯一のデスクトップブラウザ上で作業している、http://jsfiddle.net/XE73h/444/

などのモバイルに私も$("#sel").attr("size", 10);としてサイズ属性を試しているわけではありませんが、それはまた、モバイルで作業されていません。これに

$(document).click(function() { 

：

$(document).on('click touchstart', function() { 

それともこのクリックまたはタッチして機能をトリガするに

Answer 1

を（iPhoneデバイス用のAndriodとSafariのためのChromeで試してみました）、あなたはこれを変更することができます：

$(document).on('click touch', function() { 

touchstartイベントが発生するとすぐに要素をタッチすると、目e touchイベントは、「タップ」、すなわち表面上の単一の接触とよく似ています。あなたは本当にあなたのために最適なものを見るためにこれらのそれぞれを試してみるべきです。一部のデバイスでは、touchをトリガするのが少し難しいかもしれません（これは良いか悪いか - ドラッグがカウントされないようにするかもしれませんが、誤って小さいドラッグでは解消されない可能性があります）。 参照のためにこれを見ることができますlink