layui使用，LayUI select不显示，LayUI文件上传，Layui自定义校验规则

layui使用，LayUI select不显示，LayUI文件上传，Layui自定义校验规则

================================

©Copyright 蕃薯耀 2020-08-05

https://www.cnblogs.com/fanshuyao/

一、引入js和css

<link rel="stylesheet" href="../../static/plugin/layui-v2.5.6/css/layui.css">

<script type="text/javascript" src="../../static/plugin/layui-v2.5.6/layui.all.js"></script>

二、使用

1、表单

<div>
        <form class="layui-form" autocomplete="off">
            
            
            <div class="layui-form-item projAuto">
                <label class="layui-form-label">开发建设用地面积(s)：</label>
                <div class="layui-input-block">
                    
                    <button id="btnUploadSocialHousingRange" type="button" class="layui-btn layui-btn-sm btnUpload">
                        <i class="layui-icon">&#xe67c</i>
                        选择CAD文件
                    </button>
                    <input type="hidden" class="uploadFileValue" name="socialHousingRange"/>
                    <span class="uploadFileName layui-text"></span>
                    <span class="uploadSuccessText ml15 none oh">
                        <span class="layui-icon" style="color: #007166;">&#x1005</span>
                    </span>
                    <span class="progressText"></span>
                </div>
            </div>
            
            <div class="layui-form-item projAuto">
                <div class="layui-inline">
                    <label class="layui-form-label"></label>
                </div>
                
                <div class="layui-inline">
                    <label class="layui-form-label-small layui-form-label">一类用地面积：</label>
                    <div class="layui-input-inline" style="width: 100px;">
                        <input type="text" name="develop_area_1" class="layui-input" lay-verify="numberEmpty" />
                    </div>
                    <div class="layui-form-mid layui-word-aux">平方米</div>
                    
                    <label class="layui-form-label-small layui-form-label">二类用地面积：</label>
                    <div class="layui-input-inline"  style="width: 100px;">
                        <input type="text" name="develop_area_2" class="layui-input" lay-verify="numberEmpty" />
                    </div>
                    <div class="layui-form-mid layui-word-aux">平方米</div>
                    
                    <label class="layui-form-label-small layui-form-label">三类用地面积：</label>
                    <div class="layui-input-inline"  style="width: 100px;">
                        <input type="text" name="develop_area_3" class="layui-input" lay-verify="numberEmpty" />
                    </div>
                    <div class="layui-form-mid layui-word-aux">平方米</div>
                </div>
            </div>
            
            <div class="layui-form-item projAuto">
                <