layui下拉选项框和复选框的回显

一、下拉选项框的回显

        Step1:拿到数据库的值。

        Step2:以下是一个layui.open弹框,其他字段不再赘述。

layui下拉选项框和复选框的回显_第1张图片

        Step3:给下拉选项框赋值。

        Step4:在ajax返回的success里书写下拉选的回显,查到哪个就让其打开为selected。

layui下拉选项框和复选框的回显_第2张图片

        Step5:此时的sex就是上面查到的值,下拉选项框回显成功。

二、复选框的回显

        Step1:先把在a.html中查到的数据window一下,把从数据库中获取到的数据存起来。

layui下拉选项框和复选框的回显_第3张图片

        Step2:此时分两种情况。

                1. 复选框的修改回显和本页面是同一个。

                2. 复选框的修改回显和本页面不是同一个,例如在a.html中有个修改按钮,要求点击修改按钮后可以跳转到第二个b.html,并在b.html中将修改后的内容显示出来。

                若在b.html中首先拿到layui.open,则表示其他也可以存值,若$不起作用就要加入js。

layui下拉选项框和复选框的回显_第4张图片

        Step4:此时可获得从数据中查到的复选框的值,复选框回显成功。 

layui下拉选项框和复选框的回显_第5张图片

          实现复选框的回显方法总结:修改=先查询后修改,再将查询后得到的结果进行回显。

layui下拉选项框和复选框的回显_第6张图片

你可能感兴趣的:(前端,html,java,layui)