iOSでselectboxの中身が長い時に省略される問題（jsで全セレクトボックスに対応）

【iOS】select要素内の文字列が長く、選択肢が省略されてしまう(…表示)場合の対策 - Qiita

こちらの記事を参考に、最後にこれを追加するとオッケーなのですが、全フォームに対して手作業で追加していくのは面倒です。

<optgroup label=""></optgroup>

なので、下記のように書くと勝手に追加してくれます。

$(function() {    
    var ua = navigator.userAgent;
    if (ua.indexOf('iPhone') > 0 || ua.indexOf('iPod') > 0 ) {
            var selects = document.querySelectorAll("select");
            for (var i = 0; i < selects.length; i++ ){
                selects[i].appendChild(document.createElement("optgroup"));
            }
    }
});