weixin_46506068 2022-02-13 12:37 采纳率: 100%
浏览 105
已结题

layui select框里回显数据库的值失败

问题遇到的现象和发生背景

layui select框里回显数据库的值失败

问题相关代码,请勿粘贴截图
<title>欢迎页面-X-admin2.2</title>
<body>
    <div class="layui-fluid">
        <div class="layui-row">
            <form id = "form" class="layui-form">
                <div class="layui-form-item">
                    <label for="userCode" class="layui-form-label">
                        <span class="x-red">*</span>用户名</label>
                    <div class="layui-input-inline">
                        <input type="text" id="userCode" name="userCode" required="" readonly="readonly" autocomplete="off" class="layui-input"></div>
                    <div class="layui-form-mid layui-word-aux">
                        <span class="x-red">*</span>将会成为您唯一的登入名!不可修改!!!</div></div>
                <div class="layui-form-item">
                    <label for="userName" class="layui-form-label">
                        <span class="x-red">*</span>用户姓名</label>
                    <div class="layui-input-inline">
                        <input type="text" id="userName" required=""  autocomplete="off" class="layui-input"></div>
                    <div class="layui-form-mid layui-word-aux">
                        <span class="x-red">*</span>请填写您的真实性名</div></div>
                <div class="layui-form-item">
                    <label for="userSex" class="layui-form-label">
                        <span class="x-red">*</span>用户性别</label>
                    <div class="layui-input-inline">
                        <select name="userSex" id="userSex" >
                            <option value="1" ></option>
                            <option value="2" ></option>
                        </select>
                    </div>
                    <div class="layui-form-mid layui-word-aux">
                    </div></div>
                <div class="layui-form-item">
                    <label for="userBirthday" class="layui-form-label">
                        <span class="x-red">*</span>出生日期</label>
                    <div class="layui-input-inline">
                        <input type="text" Class="Wdate" id="userBirthday" name="birthday" autocomplete="off"
                               style="width: 185px;height: 25px;" onclick="WdatePicker();"></div>
                    <div class="layui-form-mid layui-word-aux">
                        <span class="x-red">*</span>请重新选择您的出生日期
                    </div></div>
                <div class="layui-form-item">
                    <label for="userPhone" class="layui-form-label">
                        <span class="x-red">*</span>联系方式</label>
                    <div class="layui-input-inline">
                        <input type="text" id="userPhone"  autocomplete="off" class="layui-input"></div>
                    <div class="layui-form-mid layui-word-aux">
                    </div></div>
                <div class="layui-form-item">
                    <label for="userAddress" class="layui-form-label">
                        <span class="x-red">*</span>家庭地址</label>
                    <div class="layui-input-inline">
                        <textarea style="width: 190px;height: 100px;" id="userAddress"  required=""  autocomplete="off" class="layui-input"></textarea>
                    </div>
                    <div class="layui-form-mid layui-word-aux">
                    </div></div>
                <div class="layui-form-item">
                    <label  class="layui-form-label"></label>
                    <input type="button" id="save" class="layui-btn" lay-filter="edit" lay-submit="" value="修改"></div>
            </form>
        </div>
    </div>
<script>
    $(function () {
        var userCode = getParam("userCode");
        $.ajax({
            url:"/SSM_hospital/user/queryUserByUserCode",
            type:'post',
            data:{"userCode":userCode},
            dataType:'json',
            success:function (d) {
                //解析数据
                $("#userCode").val(d.userCode);
                $("#userName").val(d.userName);
                /*$("#userSex").val(d.userSex);*/
                //数据回显性别时出现问题,无法获取原始性别
                $("#userBirthday").val(d.userBirthday);
                $("#userPhone").val(d.userPhone);
                $("#userAddress").val(d.userAddress);

            }
        })
        $("#save").click(function () {
            //获取修改后的数据
            var user={};
            user.userCode = userCode;
            user.userName=$("#userName").val();
            user.userSex=$("#userSex").val();
            user.userBirthday=$("#userBirthday").val();
            user.userPhone=$("#userPhone").val();
            user.userAddress=$("#userAddress").val();

            $.ajax({
                url:'/SSM_hospital/user/updateuser',
                data:JSON.stringify(user),
                type:'post',
                contentType:"application/json;charset=utf-8",
                dataType:'json',
                success:function (d){
                    if(d.fig=="success"){
                        //添加成功
                        layer.alert("修改成功", {icon: 6},function () {
                            // 获得frame索引
                            var index = parent.layer.getFrameIndex(window.name);
                            /*//表格重载 就相当于 刷新父页面的表格-dataTable是父页面的表格ID属性
                            parent.layui.table.reload('dataTable');*/
                            //关闭当前frame
                            parent.layer.close(index);
                            //
                            window.parent.location.reload();
                        });
                    }else
                    {
                        alert("修改用户信息失败");
                    }
                }
            })
        })
    })
</script>
</body>
###### 运行结果及报错内容 无 ###### 我的解答思路和尝试过的方法
我想要达到的结果
  • 写回答

3条回答 默认 最新

  • ZionHH 2022-02-13 14:13
    关注

    最好还是通过官方封装的API来操作

    img

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(2条)

报告相同问题?

问题事件

  • 系统已结题 2月21日
  • 已采纳回答 2月13日
  • 创建了问题 2月13日

悬赏问题

  • ¥15 聚类分析或者python进行数据分析
  • ¥15 逻辑谓词和消解原理的运用
  • ¥15 三菱伺服电机按启动按钮有使能但不动作
  • ¥15 js,页面2返回页面1时定位进入的设备
  • ¥50 导入文件到网吧的电脑并且在重启之后不会被恢复
  • ¥15 (希望可以解决问题)ma和mb文件无法正常打开,打开后是空白,但是有正常内存占用,但可以在打开Maya应用程序后打开场景ma和mb格式。
  • ¥20 ML307A在使用AT命令连接EMQX平台的MQTT时被拒绝
  • ¥20 腾讯企业邮箱邮件可以恢复么
  • ¥15 有人知道怎么将自己的迁移策略布到edgecloudsim上使用吗?
  • ¥15 错误 LNK2001 无法解析的外部符号