javascript - Googleサインアップページのように「電話」フィールドを作成する方法

Question

「」のフィールドがPhone Numberあります。下の画像のようにする必要があります。デフォルトはユーザーの現在地の国コードになります。

クリックするとこんな感じで開きます

注：国フラグは必要ありません。jQueryMobileサイトです。誰かが私にjsfiddleを提供できますか？

Answer 1

国名を含むjqueryスキン付きドロップダウンリストを使用し、選択したオプションを使用して国コードをテキストボックスに追加することを検討しましたか?

更新:実際にはドロップダウンです。以下の jQuery TimePicker プラグイン スニペットを検討してください。

// some default cars
    var newHTML = '';
    var $t = $(this);

    // calculate the offsets
    var height = this.height() + 1;
    var width = this.outerWidth();

    // generate our html dropdown
    var timeMargins = ['00', '15', '30', '45'];
    newHTML += ' <select style="position: absolute; left:0;top:' + height + 'px; width: ' + width + 'px;" size="7">'
    for (var h = params.minHour; h <= params.maxHour; h++)
    {
        for (var i = 0; i < timeMargins.length; i++)
        {
            if (h == params.maxHour && timeMargins[i] >= params.maxMinute)
            {
                //do nothing
            }
            else
            {
                var newhour = "" + h;
                var v = (newhour.length == 1 ? '0' : '') + h + ':' + timeMargins[i];
                newHTML += '<option>' + v + '</option>';
            }
        }
    }
    newHTML += '</select>';

    var id = this.attr('id');
    var newid = id + '-container';

    // wrap the target in the div
    $t.wrap('<div id="' + newid + '" style="position: relative; display: inline;"></div>');
    $t.after(newHTML);

jQuery/javascript を介してドロップダウンがどのように作成されるかを理解するのに役立ちます。