模擬ios時間插件
阿新 • • 發佈:2018-05-15
style cal wid UNC IE theme 後端 datetime scrip
選擇證件:
官網mobiscroll
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"/> <title>模擬ios時間插件</title> <script src="jquery-3.1.1.min.js"></script> <link rel="stylesheet" href="mobiscroll-2.13.2.full.min.css"/> <script src="mobiscroll-2.13.2.full.min.js"></script> </head> <body> <ul> <li id="sex111"> <div class="mbase-menu-title">證件類型</div> </li> </ul> <ul id="sex-list" style="display: none"> <li>護照</li> <li>身份證</li> <li>港澳通行證</li> </ul> <script> $("#sex111").click(function () { var that = this; $("#sex-list").mobiscroll().list({ theme: "android-ics", lang:"zh", display: ‘bottom‘, mode: "scroller", headerText: ‘請您選擇‘, onSelect: function (valueText) { var m = $(this).find("li").eq(valueText).html(); $(‘#sex-list_dummy‘).val(m); /*$.post("inc/person.org.php", {apart: "resume_base", sex: m}, function (result) { if (result == ‘ok‘) { $(that).find(".mbase-menu-txt").html(m); } else { error(‘網絡繁忙,請您稍後再試‘); } });後端入庫部分*/ } }); $("input[id^=sex-list]").focus(); }); </script> </body> </html>
模擬ios時間插件