前端部分

### layui-地址三级联动-html

```html
//增加页面中...
<div class="layui-form-item">
    <label for="" class="layui-form-label">作业地址</label>
    <div class="layui-input-inline">
        <select name="province" id="province" lay-verify="required" lay-filter="province" lay-search="">
            <option value="">直接选择或搜索选择</option>
        </select>
    </div>
    <div class="layui-input-inline">
        <select name="city" id="city" lay-verify="required" lay-filter="city" lay-search="">
            <option value="">直接选择或搜索选择</option>
        </select>
    </div>
    <div class="layui-input-inline">
        <select name="area" id="area" lay-verify="required" lay-filter="area" lay-search="">
            <option value="">直接选择或搜索选择</option>
        </select>
    </div>
</div>

//修改页面中...
<div class="layui-form-item">
    <label for="" class="layui-form-label">作业地址</label>
    <input type="text" hidden="hidden" id="s_provid"  value="{{$need->province}}" >
    <input type="text" hidden="hidden" id="s_cityid"  value="{{$need->city}}" >
    <input type="text" hidden="hidden" id="s_areaid"  value="{{$need->area}}" >
    <div class="layui-input-inline">
        <select name="province" id="province" lay-verify="required" lay-filter="province" lay-search="">
            <option value="">直接选择或搜索选择</option>
        </select>
    </div>
    <div class="layui-input-inline">
        <select name="city" id="city" lay-verify="required" lay-filter="city" lay-search="">
            <option value="">直接选择或搜索选择</option>
        </select>
    </div>
    <div class="layui-input-inline">
        <select name="area" id="area" lay-verify="required" lay-filter="area" lay-search="">
            <option value="">直接选择或搜索选择</option>
        </select>
    </div>
</div>
```

### ajax

```html
<form class="layui-form" action="/admin/ad/doAdd" method="post" enctype="multipart/form-data" id="myform">

<div class="layui-form-item">
<label for="L_repass" class="layui-form-label"></label>
<button  class="layui-btn" lay-filter="formDemo" lay-submit="">保存</button>
</div>
</form>
```

```js
//demo1  需要jQuery.form.js插件  应用场景：后台-layui
$('#myform').submit(function () {
        $(this).ajaxSubmit(function(data){
            if(data.status== 'success'){
                setTimeout(function(){
                    layer.msg(data.msg);
                    location.replace(data.url);
                },500);
            }else if(data.status == 'error'){
                layer.msg(data.msg);
            }
        });
         return false;
    });

//demo2 layui-复选框问题-ajax提交
<script>
    layui.use('form', function(){
        var form = layui.form;
        form.on('submit(formDemo)', function(data){
            
            //获取checkbox[name='like']的值
            var arr = new Array();
            $("input:checkbox[name='like']:checked").each(function(i){
                arr[i] = $(this).val();
            });
            data.field.like = arr.join(",");//将数组合并成字符串

            $.post("admin.php", {data:data.field}, function (res) {
                if (res.code == 1) {
                    layer.msg(res.msg, {time: 1800, icon: 1}, function () {
                        location.href = res.url;
                    });
                } else {
                    layer.msg(res.msg, {time: 1800, icon: 2});
                }
            }, 'json');

            return false;
        });
    });
</script>

//demo3  应用场景：前端-普通-younger项目-提交订单-字符替换
$('#okorder').click(function () {
        //获取表单内的所有值
        var data = $('#myForm').serializeArray();
        var obj = {};
        //将表单的值转换json请求后台
        $.each(data,function(i,v){
            obj[v.name] = v.value;
        });
        var dresser_id = {{$dresser->id}};
        //请求生成预付订单
        $.post("{{ route('home.order.confirm') }}", 
            {data: obj,dresser_id:dresser_id}, function (result) {
            if (result.code === 0) {
                //替换用户信息部分
                var str = '<td>'+result.data.dresser+'</td>';
                str += '<td>'+result.data.date+'</td>';
                str += '<td>'+result.data.time+'</td>';
                str += '<td>'+result.data.name+'</td>';
                str += '<td>'+result.data.phone+'</td>';
                str += '<td>'+result.data.price+'</td>';
                str += '<td>'+result.data.money+'</td>';
                $('#order_info').html(str);
                //隐藏信息提交部分，展示订单确认页面
                $('.layer_succ').addClass('show').removeClass('hide').siblings().removeClass('show')
                    .addClass('hide');
                $('.diy_layer_box').css({height:$('.diy_layer').height()});
                layer_open();
            }else{
                layer.alert(result.msg);
            }
        });
    });
```

### 字母小写变大写-js

```js
<input type="text" name="first_letter" value="" onkeyup="toUpperCase(this)">

<script>
    function toUpperCase(obj)
    {
        obj.value = obj.value.toUpperCase()
    }
</script>
```