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

青旅半醒 2023-07-25 08:58 6阅读 0赞

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></option>，对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 = '<option value = "">请选择</option>';
              //for in循环在IE种会有问题
              for(var x = 0; x < data1.length; x++) { 
                  str += '<option value = "' + data1[x].id + '">' + data1[x].departname + '</option>'
              } 
              $("#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 += '<option selected="selected" value = "' + data1[x].id + '">' + data1[x].realName + '</option>'
       	      } else { 
           			options += '<option value = "' + data1[x].id + '">' + data1[x].realName + '</option>'
             }
         }
     });