精华内容
下载资源
问答
  • <div class="checkbox-title">菜品选择</div> <div id="foodsDiv" class="layui-form-item checkbox-box">... {volist name="foodList" id=...div class="checkbox-div0"> <div class="chec

    双重volist数据更新,html如下

    <div class="checkbox-title">菜品选择</div>
    
    <div  id="foodsDiv" class="layui-form-item checkbox-box">
        {volist name="foodList" id="vo" key='k'}
            <div class="checkbox-div0">
                <div class="checkbox-title1">{$vo.typeName}</div>
                 <div class="checkbox-div">
                 {volist name="vo.foodList" id="vo1" key='k1'}
                     <div class="checkbox-item" >
                        <input type="checkbox" name="select{$vo1.id}" value="{$vo1.id}" title="{$vo1.name}" <?php if($vo1['isSelect']) : ?>
                        checked
                      <?php endif; ?>>
                     </div>
                 {/volist}
                 </div>
            </div>
        {/volist}
    </div>

    js动态获取数据

    layui.use('form', function(){
        var form = layui.form;
        form.on('select(demo2)', function(data){
            if(data.value!='请选择代理商'){
                $.ajax({
                    url:"{:url('food/getFoods2AdminId0')}",
                    data:{adminId:data.value},
                    type:'post',
                    async: false,
                    success:function(data) {
                        var html = "";
                        if(data!=0){
                            $('#foodsDiv').empty();
                            html += "<div id='foodsDiv' class='layui-form-item checkbox-box'>"
                            for (var i = 0; i < data.length; i++) {
                                html += "<div class='checkbox-div0'>"
                                html += "<div class='checkbox-title1'>"+data[i].typeName+"</div>";
                                html += "<div class='checkbox-div'>";
                                for (var j = 0; j < data[i]['foodList'].length; j++) {
                                    html += "<div class='checkbox-item'>";
                                    html += "<input type='checkbox' name='select{'"+data[i]['foodList'][j].id+"} value="+data[i]['foodList'][j].id+"} title="+data[i]['foodList'][j].name+"></div>";
                                }
                                html += "</div></div>";
                            }
                            html += "</div>";
                            $("#foodsDiv").html(html);
                        }else{
                            $('#foodsDiv').empty();
                        }
                        form.render();
                    }
                })
            }else{
                $('#foodsDiv').empty();
            }
        });
    });
    展开全文
  • js 刷新 div

    2011-10-27 10:57:00
    引用:http://zhidao.baidu.com/question/149679897.html... document.getElementById(code).innerHTML="<input name='code3' type='text' id=\"code3\" size=\"10\" /> <img src=\"code.jsp\" height=\"...

    引用:http://zhidao.baidu.com/question/149679897.html

    document.getElementById(code).innerHTML="<input name='code3' type='text' id=\"code3\" size=\"10\" />
          <img src=\"code.jsp\" height=\"18\"/>
    ";

    转载于:https://www.cnblogs.com/sode/archive/2011/10/27/2226198.html

    展开全文
  • 使用JQUERY做的一个页面DIV动态隐藏 显示 点击+号图片后 DIV会自动隐藏 点击-号图片后 DIV会自动显示 隐藏的DIV区域内的控件值后台仍可以取得到,当页面刷新时,也不会改变隐藏区域的隐藏状态 使用JQUERY将页面状态...
  • js动态加载div innerHTML

    千次阅读 2012-03-25 22:53:14
    最近遇到个innerHTML的问题,js动态加载div innerHTML,将div添加textarea元素(含非标准属性),并且表单在提交时采取将div innerHTML作为一个值提交到后台,再通过dom解析的方式提取出每个textarea具体数据;...

            最近遇到个innerHTML的问题,js动态加载div innerHTML,将div添加textarea元素(含非标准属性),并且表单在提交时采取将div innerHTML作为一个值提交到后台,再通过dom解析的方式提取出每个textarea具体数据;由于textarea数据是客户端输入,难免会遇到一些字符,dom是无法解析的,为了解决这个问题,提出的解决方案为在div数据提交到后台后,通过replaceall的方式将<textarea name="textarea1" dataid="dataid_1"></textarea>每个数据引用<![CDATA[]]>;但问题随之而来,如何替换?起初打算在每个<textarea name="textarea1" dataid="dataid_1">最后新增属性,然后按规则替换,例如:<textarea name="textarea1" dataid="dataid_1" specialchar="1">然后应用replaceall("specialchar="1">","><![CDATA["),并且将replaceall("</textarea>","]]></textarea>"),这样就解决了该问题;但在实际测试中,存在问题,每次在加载div innerHTML时候,textarea的非标准属性顺序都是在变化,textarea属性值会参与逻辑判断,并且不同的浏览器顺序显示也是不一样的;这样一来上述的实现方式就不可取了;最后是通过正则表达式来解决如下:

    content = _content.replaceAll("</textarea>", "]]></data_input>");//content为innerHTML数据
         Pattern pat = Pattern.compile("<textarea(.+?)>");
         Matcher mat = pat.matcher(_content);
         String data = "";
         boolean flag = true;
         while(flag){
          if(mat.find()){
           data = mat.group(1);//获取textarea所有属性
           _content = _content.replaceFirst("<textarea.+?>", "<data_input "+data+"><![CDATA[");//每次将textarea替换为data_input
          }else{
           flag = false;
          }
         }

    展开全文
  • jquery刷新DIV

    2014-04-29 14:05:56
    jquery刷新DIV 有需要的人,可以下载使用,本人经历几天写作而成,纯JS控之
  • elementUI(或div)模态框动态刷新刷新一次 1)刷新一次(再打开模态框的函数中写一行代码) dialog this.refreshTime = new Date().getTime() div 2)动态刷新 dialog div原理同上

    elementUI(或div)模态框动态刷新和刷新一次

    1)刷新一次(再打开模态框的函数中写一行代码)
    dialog
    在这里插入图片描述
    this.refreshTime = new Date().getTime()
    div
    在这里插入图片描述
    2)动态刷新
    dialog
    在这里插入图片描述
    div原理同上

    展开全文
  • Javascript动态填充DIV

    千次阅读 2008-02-20 10:46:00
    在做B/S开发时,DIV动态填充是常用的方法和手段,使用动动态填充方法,可以减少页面的刷新次数,提高效果。 DIV动态填充,主要使用innerHTML属性。该属性的具体的值,请参看其它内容。 具体的示例如下所示: ...
  • js页面指定div刷新(局部刷新

    千次阅读 2020-11-12 12:54:20
    页面全部刷新和指定一个div刷新的方法 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0...
  • 关于jsp页面局部刷新div的问题

    千次阅读 2019-04-22 16:41:56
    关于jsp页面局部刷新div的问题 在js中使用 $("#div").load(location.href + " #div") //#div前有一个空格 可以使div局部刷新,在ajax请求中非常好用,但有时这种写法却不能局部刷新div。 这是因为当我们直接在一个...
  • 刷新div-angular 使用 $interval 在 10 秒内刷新 DIV $interval 角度服务演示。 网站: :
  • 是否可以刷新div,table或< tr>.这里没有这样的数据来自数据库,它显示块和值的简单错误来自Java脚本.问题是当用户在文本框中输入值时,存储在该数据库中的值和成功存储的消息将出现在屏幕上.然后在同一页面上,...
  • $("#check").addClass("hidden"); $("#check_err").removeClass("hidden"); $("#check_err").css("display","none"); $("#check_err").css("display","block"); $("#check_err").show();...
  • Js刷新添加新层,拖动DIV层可互换位置的JavaScript实现 Js刷新添加新层,拖动DIV层可互换位置的JavaScript实现
  • 在我们设计前端界面的时候,根据不同用户就需要对应得有不一样的界面实现... //获取需要动态生成div的父div var banners = document.getElementById("banners"); for(var i=0; i<vm.bannerList.length; i++){
  • js实现页面指定div局部刷新

    万次阅读 2018-01-30 12:31:00
    最近写网页,通过ajax读取服务器信息,然后利用innerHTML给指定的div填充内容,当需要修改其中内容的时候,想要局部刷新这个div里面的内容,类似location.reload(), location.href等方法都会刷新整个页面。...
  • 这个问题我试过许多方法都无解,后来从侧面想到一个解决方法: ...//自动刷新(每秒一次执行) function dosomthing(){ document.getElementById(divId).offsetHeight//div的实时高度 } 每秒查看div高度 ...
  • js实现div局部刷新

    2021-07-23 14:19:10
    div class="truck_content"> <!--查询条件 star--> <form name="form" method="post" action="index.php?s=/App/Parking/map" > <!--loading star--> <div class="load">{:L("加载中")...
  • jQuery翻页yunm.pager.js,涉及div局部刷新.pdf
  • dwz之局部刷新div

    千次阅读 2017-12-19 11:01:32
    1.主页面如下 目的:右侧“添加”“删除”后,只刷新右侧 主页面代码如下: ; charset=UTF-8" pageEncoding="UTF-8"%> <div id="template" class="unitBox" name="t
  • 以下是jsp中的全部内容,以下jsp中使用了java,引用了jquery ... 测试Div之间的互换      $(function(){  //“4”代表动态增加标签的份数    var liValue = "补充协议"++""  $("#tab_t
  • jQuery定时刷新div

    千次阅读 2016-09-23 10:26:49
    1.jQuery定时刷新 $(document).ready(function () { setInterval("startRequest()", 500);//0.5s一次 }); function startRequest() { $.ajax({ url: "chatres.p
  • <div class="post-text" itemprop="text"> <p>I have around 90 divisions in my page which can navigated by next and previous buttons. <p>Now these divisions have textboxes which retrieves tables ...
  • 涉及到的div局部刷新该如何做。 在没给大家介绍正文之前,先给大家展示下效果图,如果感觉还不错,请继续往下阅读: 翻页的总体流程涉及到的知识点很多,这篇文章我们也主要来关注以上两点,其余的内容,请自悟。 ...
  • jQuery刷新局部div

    2020-11-10 16:29:45
    关于jQuery刷新局部div的方法,只需要给div设置一个id,然后在js里面添加如下代码即可刷新局部div; $("#id").load(location.href + " #id");
  • 博主2017年遇到的一个大问题,不过通过无数次的摸索,总算解决了,可能优化的不是很好,不过单纯从需求上讲,完成度很完美,下面就给大家讲一讲Ajax异步刷新div列表内容,加一个JS获取列表li数量的分页情况。...
  • 刷新二级菜单Div+CSS+JS代码,非常好用,做网站经常要用到

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 95,940
精华内容 38,376
关键字:

js动态刷新div