zoukankan      html  css  js  c++  java
  • 动态添加td输入框

    function addRow() { 
            var tab=document.getElementById("tab");
            var n=document.getElementById("x").rowIndex+1;
            var tr=tab.insertRow(n);
            var td=tr.insertCell(0);                                                                                                                                                                                                                                                                     
            tr.innerHTML="<td class="table_body" align="right">日志内容</td><td class="table_none" colspan="3"><input name="syslogcontentcontent" type="text" id="pcuploadjpg" style="64%" onchange="CheckExt(this)"></td><td class="table_none"><img src="${ctx }/img/button/btn_delete_0.png" btn=btn title='删除'  onClick="deleteRow(this)" ></td>";
        }
    function deleteRow(obj) {
            $(obj).parent().parent().remove();
        }

    动态在div中添加input框

     function  hh(){
    	  	   $("#zw1").append('<span id="news_' + InputCount+ '"><li style="margin-top:10px;" class="horizontal_onlyRight" ><input type="text" name="zw11" class="text_input100" onkeyup="tihuan(this)"  value=""/></li>'+"<li style='margin-top:10px;  margin-right:7px;' class="horizontal_onlyRight" ><img onmouseover="JavaScript:$(this).attr('src','${ctx }/img/newbtn/delete_1.png');" onmouseout="JavaScript:$(this).attr('src','${ctx }/img/newbtn/delete_0.png');" src='${ctx }/img/newbtn/delete_0.png' btn=btn title='删除' onclick='javascript:deleteRowSpecs1(this,"+InputCount+");'></li><span/>");
    	  	   InputCount++;
    	  }
    	       function  hh1(){
    	    	   $("#zw2").append('<span id="news_' + InputCount+ '"><li style="margin-top:10px;"  class="horizontal_onlyRight" ><input type="text" name="zw22" onkeyup="tihuan(this)" class="text_input100"  ></li>'+"<li style='margin-top:10px;  margin-right:7px;'  class="horizontal_onlyRight"><img onmouseover="JavaScript:$(this).attr('src','${ctx }/img/newbtn/delete_1.png');" onmouseout="JavaScript:$(this).attr('src','${ctx }/img/newbtn/delete_0.png');" src='${ctx }/img/newbtn/delete_0.png' btn=btn title='删除' onclick='javascript:deleteRowSpecs1(this,"+InputCount+");'></li><span/>");
    	    	   InputCount++;
    	    }
    

      

     <div id="zw1" style="margin-bottom : 60px; margin-top:10px;" >
                                <li class="horizontal_onlyRight" style="margin-top:10px;">
                             	<input name="zw11" class="text_input100" id="zw11" onkeyup="tihuan(this)" value="">     
                             	</li>
                              </div>

    1、innerHTML写入html代码方法,是原生态JS方法:
    <div id="box"></div>
    <script>document.getElementById("box").innerHTML="需要像box内写入的内容"</script>
    2、append()是jQuery中的方法,需要先引用jQuery库代码。
    <div id="box"></div>
    <script>
    $("#box").append("需要像box内写入的内容");
    </script>

  • 相关阅读:
    windows phone 8 开发系列(三)程序清单说明与配置
    windows phone 8 开发系列(二)Hello Wp8!
    windows phone 8 开发系列(一)环境搭建
    MVC3 ViewBage 输出的值 被编码
    汉字取首字母拼音 ---vue---js
    一个基于POI的通用excel导入导出工具类的简单实现及使用方法
    MongoDB基础命令笔记
    Maven多模块,Dubbo分布式服务框架,SpringMVC,前后端分离项目,基础搭建,搭建过程出现的问题
    jQuery与ajax 基础运用
    mysql常处理用时间sql语句
  • 原文地址:https://www.cnblogs.com/liuna369-4369/p/13151196.html
Copyright © 2011-2022 走看看