layui中对select下拉框填充option数据;编辑修改时的数据回显问题;select下拉框数据联动问题

1.layui中对select下拉框填充option数据;编辑修改时的数据回显问题

callAPI('newDataGeneralProject.do?findPage&limit=1000', '', function(data) {
		//取data返回值中的某项数据填充select选项值
		var sel = document.getElementById("parentid"); 
		for(var i = 0;i < data.length; i++) {
			var opt = new Option();  
			opt.value= data[i].id;
			opt.text = data[i].projectname;  
			sel.append(opt);
		}
		form.render();  //一定要加,不然不显示option
		//
		//编辑页面时,对下拉框数据回显
		$("#parentid").each(function() {
			// this代表的是,对option再进行遍历
			$(this).children("option").each(function() {
				// 判断需要对那个选项进行回显
				if (this.value == pId) {
					// 进行回显
					$(this).attr("selected","selected");
				}
			});
			form.render(); 
		})
	})

2.select下拉框数据联动问题

 //部门&使用处室联动
 form.on('select(useBureauId)', function(data) {
      var departIdVal = $("#useBureauId").val();
      callSyncAPI('newdepart.do?findPage&limit=10000', {'parentdepartid' : departIdVal}, function(data1, msg) {
          var str = '';
          //for in循环在IE种会有问题
          for(var x = 0; x < data1.length; x++) {
              str += ' data1[x].id + '">' + data1[x].departname + ''
          } 
          $("#useDepartId").html(str);
          form.render(); 
      });
  });				
callAPI("/newdepart.do?getDepartsBySameDepartments", 'departId=' + useDepartIdBefore,   function(data1) {
     for(var x = 0; x < data1.length; x++) {
         if(data1.id == data.departUserIdAfter) {
              options += ' data1[x].id + '">' + data1[x].realName + ''
   	      } else {
       			options += ' data1[x].id + '">' + data1[x].realName + ''
         }
     }
 });

你可能感兴趣的:(layui,js,前端)