精华内容
下载资源
问答
  • layui修改select值的方法:首先在html5中加上代码“”获取初始值;然后在js中设置select和单选框的值即可。本教程操作环境:Windows7系统、layui2.4版,该方法适用于所有品牌电脑。动态设置layui的select值推荐:...

    layui修改select值的方法:首先在html5中加上代码“”获取初始值;然后在js中设置select和单选框的值即可。

    3e8cc5e26bbc9b615ddf06fc83968c3a.png

    本教程操作环境:Windows7系统、layui2.4版,该方法适用于所有品牌电脑。

    动态设置layui的select值

    推荐:《javascript基础教程》《layUI教程》

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

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

    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();

    举个具体的例子

    html中

    前端开发

    后端开发

    产品

    测试

    UI

    人事

    财务

    市场

    总经理

    //alert("ggg");

    $(document).ready(function(){

    var key1=$("#position_hidden_id").val();

    //根据值让option选中

    $("#position_id option[value='"+key1+"']").attr("selected","selected");

    });

    展开全文
  • layui修改单元格数据

    千次阅读 2019-04-26 15:25:32
    https://www.layui.com/demo/table/cellEdit.html https://www.layui.com/demo/table/cellEvent.html 修改单元格的js方法 //监听单元格编辑 table.on('edit(levelTableFilter)', function (obj) { .....

    参考:layui官网:

    https://www.layui.com/demo/table/cellEdit.html

    https://www.layui.com/demo/table/cellEvent.html

     

    修改单元格的js方法

     //监听单元格编辑
        table.on('edit(levelTableFilter)', function (obj) {
            $('input').keyup(function () {
                value = value.replace(/[^d.]/g, '');
            });
            var value = obj.value, // 得到修改后的值
                id = obj.data.id, // 得到当前修改行的id
                field = obj.field; // 得到当前修改的字段名
            var data = {},
                key = field;
            data[key] = value;
            data['id'] = id;
            var my = '';
            var allData = '';
            //获取表格数据
            var tableData = table.cache['searchReload'];
    
            if (value < 0) {
                layer.msg('值不能为负数', {
                    icon: 5
                });
                table.reload('searchReload');
                return false;
            }
    
            $.ajax({
                url: url_order + "api/rebateRuleController/editRebateRule",
                type: 'POST',
                traditional: true,
                data: data,
                success: function (data) {
                    if (data.code == 0) {
                        table.reload('searchReload');
                        layer.msg(data.msg, {
                            icon: 6
                        });
                    } else {
                        layer.msg(data.msg, {
                            icon: 5
                        });
                    }
                }
            });
        });

     

    展开全文
  • layui修改头像功能

    千次阅读 2020-04-08 17:11:44
    场景大概是用户点击修改头像,会显示一个弹出框,展示当前系统所有图片,用户选择了一张之后,就会覆盖原有的那一张,注意,不能照搬,要自己调试修改的,因为每个公司重新都封装了layui 代码 HTML部分代码 <div...

    前言

    场景大概是用户点击修改头像,会显示一个弹出框,展示当前系统所有图片,用户选择了一张之后,就会覆盖原有的那一张,注意,不能照搬,要自己调试修改的,因为每个公司重新都封装了layui

    代码

    HTML部分代码

    	<div class="form-group">
    	<label class="col-sm-2 control-label"></label>
    	<div class="col-sm-10">
    		<i class="fa fa-plus"></i> <span onclick="getHeaders()" style="color: red">修改头像</span> <i class="fa fa-close"></i>
    	</div>
    </div>
    <div class="form-group">
    	<label class="col-sm-2 control-label"></label>
    	<div class="col-sm-10">
    		<div id="headerImgShow"><img src="${defaultSetting.url}" style="width: 50px;height: 50px"></div>
    	</div>
    </div>
    <div id="headerImg"></div>
    

    JS部分代码
    ajax请求的封装自己修改

    var fileIndex
    function getHeaders () {
        //提交信息
        var ajax = new $ax(Feng.ctxPath + "/header/getHeaders", function (data) {
                var str = '';
                for (let i =0 ;i< data.length;i++){
                    str += '<img src="'+data[i].url+'" width="100px" height="80px" style="padding-left: 10px" οnclick=img("'+ data[i].id+'","'+data[i].url+'") >';
                }
                $('#headerImg').hide();
                $('#headerImg').html("");
                $('#headerImg').append(str);
            fileIndex = layer.open({
                    type: 1,
                    title: '选择图片',
                    area: ['600px', '360px'], //宽高
                    fix: false, //不固定
                    maxmin: true,
                    content: $('#headerImg')
                });
            }, function (data) {
                Feng.error("请求失败!" + data.responseJSON.message + "!");
            });
             ajax.start();
    };
    
    function img(id,url){
        $('#headerId').val(id);
        $('#headerImgShow').html('<img src="'+url+'" width="50px" height="50px">');
        layer.close(fileIndex);
    }
    
    展开全文
  • layui修改表格行高

    2019-09-24 15:53:40
    .layui-table-cell { height: auto !important; white-space: normal; } 转载于:https://www.cnblogs.com/xiaonangua/p/11121069.html

     

    .layui-table-cell {
                height: auto !important;
                white-space: normal;
            }

     

    转载于:https://www.cnblogs.com/xiaonangua/p/11121069.html

    展开全文
  • // 获取需求类型function getType() {var typeHtml = '';$.ajax({url: pUrl + 'back_findTypeList.do',type: 'post',data: {page: 1,pageSize: 500,},dataType: 'json',success: function (res) {var typeList = res...
  • layui修改select值的方法:首先在html5中加上代码“”获取初始值;然后在js中设置select和单选框的值即可。 本教程操作环境:Windows7系统、layui2.4版,该方法适用于所有品牌电脑。 动态设置layui的select值 推荐:...
  • layui修改select值的方法:首先在html5中加上代码“”获取初始值;然后在js中设置select和单选框的值即可。 本教程操作环境:Windows7系统、layui2.4版,该方法适用于所有品牌电脑。 动态设置layui的select值 推荐:...
  • layui修改、删除

    千次阅读 2018-12-03 18:42:03
    修改还删除的功能,部分功能可以看前一篇的查询功能 jap前端 &amp;lt;%@ page language=&quot;java&quot; contentType=&quot;text/html; charset=UTF-8&quot; pageEncoding=&quot;UTF-8...
  • layui怎么修改select的值?下面本篇文章给大家介绍一下。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。动态设置layui的select值html5中加上下类代码获取初始值。之后js中设置select和单选框的...
  • <code>html部分 <div class="layui-inline" id="typeId"> <label class="layui-form-label layui-bg-green">所属项目(优化):</label> <...
  • 首先需要的js及css,可以直接在layui官网上下载:https://www.layui.com/相关引用: 增加如下测试html代码:城市●北京上海天津重庆获取配置select多选相关://全局定义一次, 加载formSelectslayui.config({base: ...
  • // 获取需求类型 function getType() { var typeHtml = ''; $.ajax({ url: pUrl + 'back_findTypeList.do', type: 'post', data: { page: 1, pageSize: 500, ...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 399
精华内容 159
关键字:

layui修改html