selectタグのclickイベントをjQueryのtriggerで起動

スマホのUIで
任意のボタンをクリックするとselectの選択画面(option)を起動する
なんて動きを見た事がある。

jQqueryで実装しようと思いtriggerでこんな感じでやってみた。

$("#elm").click(function(){
$("select").trigger("click");
})

すると、あれ??うまく起動できないので
デバッグすると。。
ハングってerrorがでてるじゃないですか!

トリガーされたclickイベントが
今まさに#elmを呼び出したそいつ自身を予備
無限ループしてしまったらしい。。。

$("#elm").on("click",function(){
$(document).trigger("showSelect");
})

$(document).on("showSelect",function(){
$("select").trigger("click");
})

このように、トリガーするイベントを先に登録しておき、
クリック時のイベントでそれを指定するというやり方にて正常に動くようになりました。