MUI自定義select down 下拉框


//一級聯動數據
var data1=[ {value:'01',text:'身份證'}, {value:'02',text:'學生證'}, {value:'03',text:'護照'}, {value:'03',text:'駕照'} ];
//二級聯動數據
var data2=[
	{
		value:'01',
		text:'按樣品名稱分類',
		children:[
			{value:'0101',text:'蘋果'},
			{value:'0102',text:'梨子'},
			{value:'0103',text:'香蕉'},
			{value:'0104',text:'菠蘿'},
			{value:'0105',text:'桃子'}
		]
	},
	{
		value:'02',
		text:'按樣品所在商城分',
		children:[
			{value:'0201',text:'天貓'},
			{value:'0202',text:'淘寶'},
			{value:'0203',text:'蘇寧'},
			{value:'0204',text:'京東'}
		]
	},
	{
		value:'03',
		text:'按樣品大小分',
		children:[
			{value:'0301',text:'小的'},
			{value:'0302',text:'中等'},
			{value:'0303',text:'大的'}
		]
	},
];
//三級聯動數據
var data3=[
	{
		value: '110000',
		text: '北京市',
		children:[
			{
				value: "0101",
				text: "北京市",
				children:[
					{value: "110101",text: "東城區"},
					{value: "110230",text: "其它區"}
				]
			}
		]
	},
	{
		value: '120000',
		text: '天津市',
		children:[
			{
				value: "120100",
				text: "天津市",
				children:[
					{value: "120101",text: "和平區"},
					{value: "120226",text: "其它區"}
				]
			}
		]
	},
	{
		value: '130000',
		text: '河北省',
			children:[
				{
					value: "130100",
					text: "石家庄市",
					children: [
						{value: "130102",text: "長安區"}, 
						{value: "130103",text: "橋東區"},
						{value: "130104",text: "橋西區"}, 
						{value: "130186",text: "其它區"}
					]
				},	

			]
	}
];

 

function dataPicker(data,layerNum,pickerObj){
  var dataPicker=new mui.PopPicker({ layer:layerNum });
  var resultObj=pickerObj.getElementsByTagName("input")[0];
  dataPicker.setData(data);
  dataPicker.show(function(items){
    if(layerNum==1){
      resultObj.setAttribute("value",items[0].text); tabCheck();
    }
    if(layerNum==2){
      resultObj.setAttribute("value",items[0].text+ " " + items[1].text);
    }
    if(layerNum==3){
      resultObj.setAttribute("value",items[0].text+ " " + items[1].text+" "+ items[2].text);
    }
  });

}

function timePicker(pickerObj){
  var optionJson=pickerObj.getAttribute('data-options') || '{}';
  var options=JSON.parse(optionJson);
  var timePicker = new mui.DtPicker(options);
  var resultObj=pickerObj.getElementsByTagName("input")[0];
  timePicker.show(function(rs){
    resultObj.setAttribute("value",rs.text);
    timePicker.dispose();
  });
}

function tabCheck(){
  if($("#picker1").val()=="不動產權證號"){
    $(".check1").show();
    $(".check2").hide();
    $(".exampleBox").show();
    $(".exampleBox").find("a").attr("href","#img-pop1");
  }else if($("#picker1").val()=="老權證號"){
    $(".check1").hide(); $(".check2").show();
    $(".exampleBox").show();
    $(".exampleBox").find("a").attr("href","#img-pop2");
  }else{
    $(".check1").hide();
    $(".check2").hide();
    $(".exampleBox").hide();
  }
}

  


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM