精华内容
下载资源
问答
  • 奇怪的是,赋值失败,from中的还是原样 我于是进行手动赋值查看 layui.use(['form'], function() { form = layui.form; form.render(); debugger; form.val('data-form',window.parent.formData) var data1=window....

    [原因描述]

    编辑编辑按钮,获取obj.data数据,

    将obj.data数据赋值给window的属性formData

    在layer弹出后的iframe中获取parent的fromData,使用val函数进行赋值

    界面

    b31fe877cce85867fd47509daf9840bd.png

    点击编辑按钮执行下面的代码

    table.on('tool(complainList)', function(obj) {

    var data = obj.data;

    window.formData = obj.data;

    json = JSON.stringify(data);

    switch (obj.event) {

    case 'edit':

    var w = ($(window).width() * 0.7);

    var h = ($(window).height() - 50);

    var index = layer.open({

    type: 2,

    title: titile + "编辑页面",

    area: ['60%', '60%'],

    fix: false,

    maxmin: true,

    shadeClose: true,

    shade: 0.4,

    skin: 'layui-layer-lan',

    content: "formComplaintForm.html",

    });

    break;

    case 'del':

    在弹出的界面formComplaintForm.html中获取formData并赋值

    投诉ID

    服务编号

    服务类型

    投诉订单号

    投诉原因

    投诉详情

    投诉状态

    数据状态

    立即提交

    重置

    layui.use(['form'], function() {

    form = layui.form;

    form.render();

    form.val('data-form',window.parent.formData)

    });

    奇怪的是,赋值失败,from中的值还是原样

    我于是进行手动赋值查看

    layui.use(['form'], function() {

    form = layui.form;

    form.render();

    debugger;

    form.val('data-form',window.parent.formData)

    var data1=window.parent.formData;

    var data2={id: 3, serviceCode: "001", compType: "0", compOrder: "001", compReason: "none",};

    console.log(data1);

    console.log(data2);

    form.val('data-form',data2)

    });

    form.val('data-form',data2) 可以赋值成功,但是

    form.val('data-form',data1)却赋值失败,我观察data1和data2的数据是相同的,为什么使用data2会赋值失败呢?

    源码地址

    https://gitee.com/litongjava_admin/java-ee-spring-boot-1.5.8-study/blob/master/ee-spring-boot-1.5.8-layui-2.5.5/src/main/resources/ee-spring-boot-1.5.8-layui-2.5.5/formComplaintList.html

    展开全文
  • 后端取出的 <div class="layui-form-item" style="position: relative;z-index: 10;"> <label class="layui-form-label">...div class="layui-input-block" lay-filter="selFilter"> <selec

    后端取出的值

          <div class="layui-form-item" style="position: relative;z-index: 10;">
                <label class="layui-form-label">文章分类</label>
                <div class="layui-input-block" lay-filter="selFilter">
                    <select name="category.categoryId" id="category-Id" lay-filter="selFilter" style="width:100%;height:40px">
                        <#list categories as c>
                            <option value="${c.categoryId}" > ${c.categoryName} </option>
                        </#list>
                    </select>
                </div>
            </div>
    

    由于修改时需要回显
    在获取单个信息时写ajax修改默认选中

           var form = layui.form
                    $ = layui.$;
                    $('#category-Id').find("option[value="+data.category.categoryId+"]").attr("selected",true);
                    form.render('select');
    

    完整的方法

      function getArticle(articleId){
            $.ajax({
                url:'/get_article?articleId='+articleId,
                type:'post',
                dataType: 'json',
                success:function (data){
    
                    $('#title').val(data.title);
                    $('#summary').val(data.summary);
                    $('#imgView').attr("class","");
                    editor.txt.html(data.content);
                    $('#category-Id2').selected;
                    $('#picture').attr("src", "http://manage.knews.com/images/"+data.image);
    
                    var form = layui.form
                    $ = layui.$;
                    $('#category-Id').find("option[value="+data.category.categoryId+"]").attr("selected",true);
                    form.render('select');
    
                }
        })
    
    展开全文
  • 动态设置layui的select

    千次阅读 2019-06-22 20:44:05
    html5中加上下类代码获取初始。 <input id="ggg" style="display: none;" value="{$hopedepart}" /> <input id="ddd" style="display: none;...之后js中设置select和单选框的。 <scrip...

    html5中加上下类代码获取初始值。

        <input id="ggg" style="display: none;" value="{$hopedepart}" />
        <input id="ddd" style="display: none;" value="{$sex}" />
        

    之后js中设置select和单选框的值。

    <script>
        function firstload() {
            var str = "#hopedepart option[value='" + $("#ggg").val() + "']";
            var sex = "input:radio[value='" + $("#ddd").val() + "']";
         //   document.write(sex);
            $("#hopedepart option[value='']").removeAttr("selected"); //2.移除默认选项的选中状态  removeAttr("selected")
            $(str).attr("selected", "selected");
            $(sex).attr('checked', 'true');
        }
        firstload();
    
    </script>
    

    举个具体的例子

    html中

    <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
        <!--引入jQuery-->
    
    <input type="hidden" id="position_hidden_id" th:value="${staff?.position}">
    
                        <select name='position' id="position_id" lay-filter='aihao'>
                            <option value=''></option>
    						<option value='前端开发'>前端开发</option>
    						<option value='后端开发'>后端开发</option>
    						<option value='产品'>产品</option>
    						<option value='测试'>测试</option>
    						<option value='UI'>UI</option>
    						<option value='人事'>人事</option>
    						<option value='财务'>财务</option>
    						<option value='市场'>市场</option>
    						<option value='总经理'>总经理</option>
    					</select>
    
    <script>
    	//alert("ggg");
    	$(document).ready(function(){ 
            var key1=$("#position_hidden_id").val();
            //根据值让option选中 
            $("#position_id option[value='"+key1+"']").attr("selected","selected"); 
           
        });
    </script>

     

    展开全文
  • 本文介绍layui复选框如何根据该参数给定的来给checkbox设置默认值,步骤非常简单。 操作 效果如下,刚进入页面时根据参数的,默认选中 复选框代码 <div class="layui-form-item"> <label class=...

    前言

    本文介绍layui复选框如何根据该参数给定的值来给checkbox设置默认值,步骤非常简单。

    操作

    效果如下,刚进入页面时根据参数的值,默认选中
    在这里插入图片描述
    复选框代码

    <div class="layui-form-item">
            <label class="layui-form-label">难易级别</label>
            <div class="layui-input-block">
                <input type="checkbox" name="level"   value="1" title="一级">
                <input type="checkbox" name="level"   value="2" title="二级">
                <input type="checkbox" name="level"   value="3" title="三级">
                <input type="checkbox" name="level"   value="4" title="四级">
                <input type="checkbox" name="level"   value="5" title="五级">
            </div>
        </div>
    

    向后台发送ajax请求获取该参数的值,并设置默认值

            var form = layui.form;
            var $ = layui.jquery
            $(document).ready(function(){
                var id = $('#id').val();
                $.ajax({
                    type: "POST",
                    url: "reviewCheckBox?id="+id,
                    dataType: "json",
                    cache: false,
                    async: false,
                    success : function(data) {
                        //给难易程度赋值并设置默认选中
                        var levelType=[];
                        levelType=data.result.level.split(",");
                        for(var j=0;j<levelType.length;j++){
                            var levelTypeCheckbox=$("input[name='level']");
                            for(var i=0;i<levelTypeCheckbox.length;i++){
                                if(levelTypeCheckbox[i].value==levelType[j]){
                                    levelTypeCheckbox[i].value=levelType[j];
                                    levelTypeCheckbox[i].checked=true;
                                }
                            }
                            form.render();  //更新渲染
                        }
                    },
                });
            });
    

    上述步骤即可给layui的checkbox赋默认值,if判断条件时,根据情况(levelTypeCheckbox[i])选择title或者value来进行对比,然后进行赋值。

    展开全文
  • 1、 需求场景分析 用户需要更改某一项活动的信息,活动信息中包含需要用下拉框选择的字段A。在用户点击进行修改弹出对话框的瞬间需要填补已有的活动信息,自动选择字段A已经... <div class=layui-input-inline> <
  • <div class="layui-inline"> <label class="layui-form-label">申请时间</label> <div class="layui-input-inline"> <input type="text" clas...
  • layui 动态设置checbox 选中状态 <div class="layui-input-inline " > <input type="checkbox" name="hasdz" id="hasdz" lay-filter="hasdz" lay-skin="primary" title="兼任店长" > <input name=...
  • 需求就是 我给某个input框输入一个之后 点击一键设置 其他input框的就和刚才的相同 首先 先写一个form表单 将上述的框包裹起来 之后
  • 在使用Layui的时候,获取checkbox的表单数据,会出现只会获取到最后一个选中的,不管是将checkbox的name设置成 name[]或name[1] ,name[2]均无效。 form.on('submit(add)',function(data){ console.log(data....
  • 首先先说一下input的各个属性:class="layui-input"-------将input定义为layui样式,name="finishdate"-------规定了input的名称,只有设置了 name 属性的表单元素才能在提交表单时传递它们的,lay-verify=...
  • 动态设置 radio 的让它处于选中状态 效果图 : 前端代码: <div class="layui-form-item"> <label class="layui-form-label">状态</label> <div class="layui-input-block"> ...
  • 这是因为layui.css 里面有样式是.layui-form input[type=checkbox],.layui-form input[type=radio],.layui-form select{display:none} 初始设置成隐藏形式了。 所以需要form重新渲染下才行。 1.用的layui.js就...
  • 根据数据库查询的数据与input标签的title的对比,相同则页面加载时默认被选中 layui设置被选中后,必须要进行“更新渲染”后,复选框才会显示被选中,否则只是checked改变,页面复选框无变化 更新渲染 ...
  • 1. input设置了readonly属性 只读字段是不能修改的。不过,用户仍然可以使用 tab 键切换到该字段,还可以选中或拷贝其文本。 readonly 属性可以防止用户对进行修改,直到满足某些条件为止(比如选中了一个复选
  • 此时便想有什么方法能将选中的清空掉问题出现的环境背景及自己尝试过哪些方法写了两个input日历,相互对应传值给后台,现在设置时间区间,就是后面不能比前面小之类的,然后点击清空下次再点不会被上一次设的时间...
  • layui实现下拉框输入内容

    千次阅读 2020-07-20 15:21:56
    layui实现下拉框输入内容,通过添加一个input标签,设置其style。通过layui.form.on()监控select的变化,当其发生变化时,把选中的赋给input标签。 使用场景: 当下拉框的选项不满足时,可以自己添加,然后读取...
  • 问题: th:value无法取到设置的value,在浏览器中value显示为空,根本没有传到后端,所以...div class="layui-input-block"> <input type="radio" th:value="${sysUser.sex}" name="sex" value="1" title="男...
  • layui操作

    2020-01-16 16:47:59
    $("input[name='Period'][value=" + ResultData.Period + "]").prop('checked', true); //单选框 B. 获得form中所有的键值对 //获得form表单name $.fn.serializeObject = function () { ...
  • 获取上述input设置其value属性为目标跳转页面页码$(".layui-laypage-skip").find("input").val(目标跳转页面页码 );3.触发跳转按钮的click事件$(".layui-laypage-btn").click();备注:页码输入...
  • 2.获取上述input设置其value属性为目标跳转页面页码 $(".layui-laypage-skip").find("input").val(目标跳转页面页码 ); 3.触发跳转按钮的click事件 $(".layui-laypage-btn").click(); 备注:页码输入框和跳转...
  • Layui数据表格跳转到指定页

    万次阅读 2018-01-11 13:06:09
    2.获取上述input设置其value属性为目标跳转页面页码 $(".layui-laypage-skip").find("input").val(目标跳转页面页码 ); 3.触发跳转按钮的click事件 $(".layui-laypage-btn").click();
  • layui项目知识点总结

    2019-12-10 21:42:03
    1、input单选框——获取选中设置选中 需求:修改数据段时候,需要先去取到用户类型,然后让单选框对应的选中。 原生js获取选中值 & 设置选中 //获取 if(document.getElementById("reserve_yes")....
  • layui的简单使用

    千次阅读 2019-06-20 17:42:32
    1.安装引用 根据官网提示直接下载最新版本,请注意,最好不要单独一个个文件引用,因为有可能因为引入路径不对和引入不全导致项目报错,按官网提示下载下来安装包,直接...input 需要有name,为以后获取input框里...
  • input标签中使用日期选择控件填写,加载时默认填充当前日期, ...最后发现可以在绑定时将value一项设置为空,而非new Data()的, laydate.render({ elem: '#param_monthid', type: 'month', format: ...
  • js方法中设置默认选中,并不在弹框中显示 (这里today为预设 var today = new Date().format(“yyyy-MM-dd”);): 添加日期默认值: , value: today + ' 至 ' + today 不显示默认值: ,isInitValue: false //不...
  • freemark里面设置一个单选框,根据后台的进行回选 <input type="radio" name="provisional" <#if sopInfo.provisional == false>checked</#if> value="0" class="layui-input" title="否">...
  • input class="layui-input" type="checkbox" value="1" autocomplete="off" onclick="sel(this)"> <input class="layui-input" type="checkbox" value="2" autocomplete="off" onclick="sel(this)"> <...
  • laydate 设置默认时分秒

    千次阅读 2019-07-08 22:47:19
    layui日期控件设置初始 #input 表单为 <input class="form-control" size="16" type="text" value="${startTime}" vaytzlue="" name="createTimeStart" id ="createTimeStart" placeholder="开始时间"> &...

空空如也

空空如也

1 2
收藏数 35
精华内容 14
关键字:

layui值设置input