在移动设备上输入选择后,返回全屏

时间:2018-07-06 00:47:09

标签: html css

我可以从列表中选择一个无线运营商-问题是在创建类似于以下内容的下拉列表时,iPhone“放大”了

http://winmobiletech.com/012009Browsers/IMG_0017.PNG

我的代码如下:

<div id="popup-action-sms" style="display:none" >
        <div id="sms" >
            <input type="number" id="sms-tel" placeholder="Enter phone number" />
            <select id="sms-carriers">
                <option value="" >Select Wireless Carrier</option>
                <option value="Alltel">Alltel</option>
                <option value="AT&T">AT&T</option>
                <option value="Sprint">Sprint</option>
                <option value="T-Mobile">T-Mobile</option>
                <option value="Verizon Wireless">Verizon Wireless</option>
            </select>
            <a href="javascript:void(0)" id="sms-submit">&nbsp;</a>
        </div>
    </div>

我的问题一旦用户选择了运营商,如何动态“缩小”到全屏?

1 个答案:

答案 0 :(得分:0)

$( "#sms-carriers" ).change(function() {
     $(this).blur();
});

您也可以尝试$(this).focusout();

值得一试:)