layui常用笔记

1. 省市级联动

<form class="layui-form">
	<div class="layui-form-item">
		<label class="layui-form-label">评测对象</label>
	    <div class="layui-input-inline">
	      <select name="eObjectType" lay-verify="required" lay-filter="eObjectType">
	        <option value="1">单元格</option>
	        <option value="2">行</option>
	        <option value="3">列</option>
	      </select>
	    </div>
	    <div class="layui-input-inline">
		   <select name="eShuXing" id="eShuXing">
		  	  <option value=""></option>
		   </select>
		</div>
	</div>
</form>
<!--js-->
		form.on('select(eObjectType)', function(data){
			var eObjectType = data.value;
			var optionstring = '';
			if(eObjectType == '1'){//单元格
		    	optionstring += "<option value='0'>单元格的内容</option>";
		    	optionstring += "<option value='1'>单元格的字体名称</option>";
		    	optionstring += "<option value='2'>单元格的字体大小</option>";
		    	optionstring += "<option value='3'>单元格的字体颜色</option>";
		    	optionstring += "<option value='4'>单元格的字体加粗</option>";
		    	optionstring += "<option value='5'>单元格的字体倾斜</option>";
		    	optionstring += "<option value='6'>单元格的字体下划线</option>";
		    	optionstring += "<option value='7'>单元格的水平对齐方式</option>";
		    	optionstring += "<option value='8'>单元格的垂直对齐方式</option>";
			}else if(eObjectType == '2'){//行
		    	optionstring += "<option value='0'>行高</option>";
			}else if(eObjectType == '3'){//列
		    	optionstring += "<option value='0'>列宽</option>";
			}
			$("#eShuXing").html(optionstring);
		    form.render('select'); //这个很重要
		});