官网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>
