精华内容
下载资源
问答
  • layui form input获取不到

    万次阅读 2018-07-11 10:37:21
    layui form 如果使用submit,input用$(elem).val()获取不到。只能用submit回调里的data,把input附上name.data里就会用input
    layui form 如果使用submit,input的值用$(elem).val()获取不到。只能用submit回调里的data,把input附上name.data里就会用input的值
    展开全文
  • layui-input-block和layui-input-inline的区别

    万次阅读 2019-11-03 18:51:23
    一个是一个表单元素占一行,竖着,以例表的形式排列。 另一个允许,多个表单控件占一行,横着,一行可以放置多个表单元素。

    一个是一个表单元素占一行,竖着,以例表的形式排列。
    另一个允许,多个表单控件占一行,横着,一行可以放置多个表单元素。

    展开全文
  • Layui实现input输入和选择的方法:HTML代码:移交单位*111222333444555其中input的几个style样式简单说一下。position:absolute 在这里是让input和select在同一位置。z-index:2 是为了让input在select上面。width:80...

    33e9de6a570fb43038bee5effdbe5a00.png

    Layui实现input输入和选择的方法:

    HTML代码:

    移交单位*

    111

    222

    333

    444

    555

    其中input的几个style样式简单说一下。position:absolute 在这里是让input和select在同一位置。

    z-index:2 是为了让input在select上面。

    width:80% 是为了不盖住select后面的小三角符号,select还可以点击。

    autocomplete="off" 为了不自动填充input框,免得压盖select选项

    然后是JS代码。layui.use(['form', 'layedit','upload'], function () {

    var form = layui.form

    form.on('select(hc_select)', function (data) { //选择移交单位 赋值给input框

    $("#HandoverCompany").val(data.value);

    $("#hc_select").next().find("dl").css({ "display": "none" });

    form.render();

    });

    window.search = function () {

    var value = $("#HandoverCompany").val();

    $("#hc_select").val(value);

    form.render();

    $("#hc_select").next().find("dl").css({ "display": "block" });

    var dl = $("#hc_select").next().find("dl").children();

    var j = -1;

    for (var i = 0; i < dl.length; i++) {

    if (dl[i].innerHTML.indexOf(value) <= -1) {

    dl[i].style.display = "none";

    j++;

    }

    if (j == dl.length-1) {

    $("#hc_select").next().find("dl").css({ "display": "none" });

    }

    }

    }

    });

    简单说一下我的思路,首先select选择的值要能赋值给input框,可以就需要form.on('select(hc_select)'来监听select值的变化,选择了之后要把下拉列表给隐藏掉。同时重新渲染一下这个表单,只重新渲染当前的select也是可以的。

    然后就是输入到input框里的文字如何去select中去搜索。首先我们通过检查select的dom结构可以发现,他里面的选项都是在dl下的dd标签中,如图。

    aebf011873b8b2a38141ee38f6aea400.png

    然后我们获取到dl标签,然后通过循环的方式挨个去匹配dd中的选项与我们输入的文本是否存在关系。通过indexOf就行。如果不相似,则直接隐藏掉,然后这里为什么要定义一个j呢?

    是因为如果都不匹配的话,下面还是会出来一个空的dl标签,页面显示就是一个空的小列表,有点影响美观,所以如果你输入的文本和下拉列表中的选项都没关系的话,直接把dl给隐藏了。这里我是判断不相似的个数如果和dl.length 相等的话,就说明你输入的文本和select的选项没一个相似的,然后就可以把dl隐藏了。

    更多layui知识请关注PHP中文网的layui使用教程栏目。

    展开全文
  • layui 获取input 的自定义属性和

    千次阅读 2020-05-04 15:18:05
    HTML表格页面中 使用data-xxxx="xxxx" 来定义属性和 <script type="text/... <input type="checkbox" name="si_state" data-si_id="{{d.si_id}}" data-ei_id="{{d.ei_id}}" data-si_name="{{d....

    HTML表格页面中 使用data-xxxx="xxxx" 来定义属性和值

    <script type="text/html" id="switchTpl">
        <input type="checkbox" name="si_state" data-si_id="{{d.si_id}}" data-ei_id="{{d.ei_id}}" data-si_name="{{d.si_name}}" lay-skin="switch" lay-text="正常|停用" lay-filter="states" {{ d.si_state == 0 ? 'checked' : '' }}>
    </script>

    JS中获取自定义的属性和值

        //监听状态操作
        form.on('switch(states)', function(obj){
    
            var si_id = $(obj.elem).attr("data-si_id");
            var si_name = $(obj.elem).attr("data-si_name");
            var ei_id = $(obj.elem).attr("data-ei_id");
    
            //console.log(si_id + '-----------' + si_name + '-----------' + ei_id);
               
            //是否选中状态
            var si_state=1;
            if(obj.elem.checked){
                si_state=0;
            }
    
            //ajax
    
        }

    实现功能:

    展开全文
  • onkeyup="this.value=this.value.replace(/[, ]/g,'')" 例: <div class="layui-input-inline"> <input type="text" name="latBottom" onkeyup="this.value=this.value.replace(/[, ]/g,'')" autocomplete=...
  • 1 <div class="layui-col-md4"> 2 <label class="layui-form-label">移交单位<span style="color:red">*</span></label> 3 <div class=...
  • 在 Python 中,如果要获取用户在键盘上的输入信息,需要使用到input()函数。函数input()让程序暂停运行,等待用户输入一些文本。获取用户输入后,Python将其存储在一个变量中,以方便使用。input() 函数总是以字符串...
  • 一、input的onchange事件 html <input type="number" name="xxxx" class="accounting_entry_credit_amount" id="" value=""> js /** * 会计分录-借方金额 * @param [description] * @return {[type]...
  • 接上一篇“接受数据控制试图” 现在说下,增怎样将被选中的单选按钮,传到后台 ... <div class="layui-form-item">...fieldset class="layui-elem-field layui-field-title" style="margi...
  • form.on('checkbox(checkbox)', function(data){ console.log(data.elem); //得到checkbox原始DOM对象 console.log(data.elem.checked); //是否被选中,true... //复选框value,也可以通过data.elem.value得到 .
  • var select = 'dd[lay-value="0"]'; $('#Id').siblings("div.layui-form-select").find('dl').find(select ).click();
  • layui设置radio

    千次阅读 2019-11-12 08:46:41
    1.用jquery设置layui表单的单选按钮 html代码如下: <div class="layui-form-item"> <label class="layui-form-label">性别</label> <div class="layui-input-block"> &l...
  • 动态设置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...
  • 前提 layui 引入了jq 业务需求: 前端需要动态(ajax)从数据库中获取,时间间隔和半径,后台传给前端两 time:5 和 radius : 1, 然后通过后台传的控需要选中的radio加checked属性 html: <div ...
  • layui input 正整数校验

    千次阅读 2019-10-28 10:58:49
    layui input框 校验 lay-verify required(必填项) phone(手机号) email(邮箱) url(网址) number(数字) date(日期) identity(身份证) 自定义 同时支持多条规则的验证,格式:lay-verify="验证A|...
  • <div class="layui-form"> <div class="layui-form-item"> <label class="layui-...div class="layui-input-block"> <input class="test" type="checkbox" name="switch" lay-skin="switch.
  • t;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt; ©Copyright 蕃薯耀 2017年9月...layui-inline layui-inline-none query-criteria-more"&gt; &lt;label class="la
  • layui标签输入框inputTags

    千次阅读 2019-03-26 15:22:35
    layui标签输入框inputTags 样式: 目录结构: ![在这里插入图片描述](https://img-blog.csdnimg.cn/20190326151956989.png) 页面代码: <!DOCTYPE html> <html> <head> <meta charset=...
  • 1、 需求场景分析 用户需要更改某一项活动的信息,活动信息中包含需要用下拉框选择的字段A。在用户点击进行修改弹出对话框的瞬间需要填补已有的活动信息,自动选择字段A已经... <div class=layui-input-inline> <
  • layui设置select不为空

    2019-12-05 18:27:02
    select,判空失效,value="0",应该写为value="...div class="layui-input-block"> <select name="type" class="type" lay-verify="required"> <option value="0">请选择类型</option> <...
  • layui 如何获取提交表单中input值

    万次阅读 2019-05-14 17:58:26
    <form action="#" class="layui-form"> <div class="form_table"> <div class="form_header"> <span>账号/手机登录</span> </div> ...
  • layui-弹出层-input显示

    千次阅读 2019-11-15 10:18:23
    数据显示使用data-th-value=" “;但data-th-text=” “会直接显示在页面的输入框上 输入框验证:意思是id不能为空,必填 ...input class="layui-input" data-th-value="${user?.userName}" name="use...
  • layui-input layui-input-sm layui-disabled" value=${p_menu.mName}> </div> </div> </div> </div> <div class="layui-row"> <div class="...
  • input type="text" name="username" id="username" required lay-verify="required|username" value="{$rsu['real_name']}" placeholder="真实姓名" autocomplete="off" class="layui-input"> <script>.....
  • 保存layui表格里input标签的数据

    千次阅读 2019-07-27 15:07:17
    上次写到了在layui表格里面加入input标签, 并且设置input标签的类型为时间格式,使数据顺序整齐排列在表格里,并且可以在layui表格里同时对多条数据进行编辑。 那么,现在,问题又来了:如何同时保存在layui表格里面...
  • <input type="number" min="0" class="layui-input stock" value="{{item.stock}}" /> 设置min='0'最小为0就不会出现负数
  • Layui input聚焦之后按回车禁止提交

    千次阅读 2019-12-20 10:47:44
    Layui input聚焦之后按回车禁止提交1. 问题说明2.问题解决3. 框架说明 1. 问题说明 input 输入框在聚焦之后,直接敲回车,导致form表单提交,由于form表单中没有csrf所以提交之后返回 "Unable to verify your data ...
  • 所以可以搜索的select也是用这个layui的技术解决的,layui本身的select 已经支持搜索功能但是呢,我们的需求是,手动输入,如果下拉框有就用下拉框,没有则用input输入框中的,这点layui的的select 就无法解决。...
  • Layui表格数据相加(一)

    千次阅读 2019-07-27 11:14:47
    Layui表格列数据(金额数据列的数据自动相加)相加,将总金额赋值给input框,input框里的到的是合计后的金额,将计算出来的总金额数赋值给总金额的文本框。合计的金额不传到数据库上,只是显示在页面上,将计算出来...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 5,725
精华内容 2,290
关键字:

layui设置input的值