移动端自定义下拉框【H5+js+css】

移动端自定义下拉框【H5+js+css】_第1张图片

var weekdayArr = ['男', '女'];//
var age1 = ['18', '19', '20', '21', '22', '23', '24', '25', '26', '27', '28', '29', '30', '31', '32', '33', '34', '35', '36', '37', '38', '39', '40', '41', '42', '43', '44', '45', '46', '47', '48', '49', '50', '51', '52', '53', '54', '55', '56', '57', '58', '59', '60', '61', '62', '63', '64', '65', '66', '67', '68', '69', '70', '71', '72', '73', '74', '75', '76', '77', '78', '79', '80', '81', '82', '83', '84', '85', '86', '87', '88', '89', '90', '91', '92', '93', '94', '95', '96', '97', '98', '99'];
var age2 = ['18', '19', '20', '21', '22', '23', '24', '25', '26', '27', '28', '29', '30', '31', '32', '33', '34', '35', '36', '37', '38', '39', '40', '41', '42', '43', '44', '45', '46', '47', '48', '49', '50', '51', '52', '53', '54', '55', '56', '57', '58', '59', '60', '61', '62', '63', '64', '65', '66', '67', '68', '69', '70', '71', '72', '73', '74', '75', '76', '77', '78', '79', '80', '81', '82', '83', '84', '85', '86', '87', '88', '89', '90', '91', '92', '93', '94', '95', '96', '97', '98', '99'];
var l = ['--'];
var s = ['岁'];
var h = ['cm'];
var sheight1 = ['140', '141', '142', '143', '144', '145', '146', '147', '148', '149', '150', '151', '152', '153', '154', '155', '156', '157', '158', '159', '160', '161', '162', '163', '164', '165', '166', '167', '168', '169', '170', '171', '172', '173', '174', '175', '176', '177', '178', '179', '180', '181', '182', '183', '184', '185', '186', '187', '188', '189', '190', '191', '192', '193', '194', '195', '196', '197', '198', '199', '200', '201', '202', '203', '204', '205', '206', '207', '208', '209', '210', '211', '212', '213', '214', '215', '216', '217', '218', '219', '220',];
var sheight2 = ['140', '141', '142', '143', '144', '145', '146', '147', '148', '149', '150', '151', '152', '153', '154', '155', '156', '157', '158', '159', '160', '161', '162', '163', '164', '165', '166', '167', '168', '169', '170', '171', '172', '173', '174', '175', '176', '177', '178', '179', '180', '181', '182', '183', '184', '185', '186', '187', '188', '189', '190', '191', '192', '193', '194', '195', '196', '197', '198', '199', '200', '201', '202', '203', '204', '205', '206', '207', '208', '209', '210', '211', '212', '213', '214', '215', '216', '217', '218', '219', '220',];
var edu=['中专以下','中专','大专','本科','硕士','博士','博士后'];
var pay=['3000','5000','8000','12000','20000','50000'];
var gam=['未婚','离异','丧偶'];
var car=['已购车','需要时购置','暂未购置'];
var house=['已购房','需要时购置','暂未购置','与人合租','独自租房','与父母同住','住亲朋家','住单位房'];
var job=['在校学生','计算机/互联网/IT','电子/半导体/仪表仪器','通信技术','销售','市场拓展','公关/商务','采购/贸易','客户服务/技术支持','人力资源/行政/后勤','高级管理','生产/加工/制造','质控/安检','工程机械','技工','财会/审计/统计','金融/证券/投资/保险','房地产/装修/物业','仓储/物流','交通/运输','普通劳动力/家政服务','普通服务行业','航空服务业','教育/培训','咨询/顾问','学术/科研','法律','设计/创意','文学/传媒/影视','餐饮/旅游','化工','能源/地质勘查','医疗/护理','保健/美容','生物/制药/医疗器械','体育工作者','翻译','公务员/国家干部','私营业主','农/林/牧/渔业','警察/其它','自由职业者','其他'];
var nation=['汉族','藏族','朝鲜族','蒙古族','回族','满族','维吾尔族','壮族','彝族','苗族','侗族','瑶族','白族','布依族','傣族','京族','黎族','羌族','怒族','佤族','水族','畲族','土族','阿昌族','哈尼族','高山族','景颇族','珞巴族','锡伯族','德昂(崩龙)族','保安族',' 基诺族','门巴族','毛南族','赫哲族','裕固族','撒拉族','独龙族','普米族','仫佬族','仡佬族','东乡族','拉祜族','土家族','纳西族','傈僳族','布朗族','哈萨克族','达斡尔族','鄂伦春族','鄂温克族','俄罗斯族','塔塔尔族','塔吉克族','柯尔克孜族','乌兹别克族','其他民族'];
var mobileSelect1 = new MobileSelect({
    trigger: '#sex',
    title: '性别',
    wheels: [
        { data: weekdayArr }
    ],
    position: [1] //初始化定位 打开时默认选中的哪个  如果不填默认为0
});

源码:https://download.csdn.net/download/sanghongxv/10608700

你可能感兴趣的:(奇技淫巧)