1. 程式人生 > >移動端自定義下拉框【H5+js+css】

移動端自定義下拉框【H5+js+css】

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