求助|layui加载动态下拉框选择框失败

最新推荐文章于 2024-05-16 06:16:29 发布

鱼跃.Ü

最新推荐文章于 2024-05-16 06:16:29 发布

阅读量136

点赞数

文章标签： layui 前端 javascript

本文链接：https://blog.csdn.net/weixin_44001695/article/details/133752727

版权

我的代码：

html:

<div class="layui-form-item">
            <div class="layui-inline">
                <label class="layui-form-label">地址</label>
                <div class="layui-input-inline">

                    <select name="province" id="province">
                        <option value="0" >请选择省份</option>
                        <!--省份选项-->
                    </select>

                </div>
            </div>
            <div class="layui-inline">
                <div class="layui-input-inline">
                    <select name="city" id="city">
                        <option value="0">请选择城市</option>
                        <!--城市选项-->
                    </select>
                </div>
            </div>
            <div class="layui-inline">
                <div class="layui-input-inline">
                    <select name="area" id="area">
                        <option value="0">请选择地区</option>
                        <!--地区选项-->
                    </select>
                </div>
            </div>
        </div>

js代码:

$(document).ready(function () {
    getProvince();
});

function getProvince(){
    $.ajax({
        url:'/url',
        type:'get',
        //data: JSON.stringify(data.field),
        //dataType:'json',
        async: false,
        success:function(data) {
            var prodata=data.data;
            for (var i = 0; i < prodata.length; i++) {
                var optionText=prodata[i].id;
                var optionValue=prodata[i].region_name;

                $("#province").append( '<option value="' + optionText + '">' + optionValue + '</option>');
            }

        },
        error:function(e){
            console.log("没好");
        }
    });

}

网页显示的元素：实际上已经有这个元素了，但是没有在页面显示，并且多出来一块layui的div，就很奇怪。