动态添加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=\"width: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框
1
2
3
4
5
6
7
8
|
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++; } |
1
2
3
4
5
|
<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>
为人:谦逊、激情、博学、审问、慎思、明辨、 笃行
学问:纸上得来终觉浅,绝知此事要躬行
为事:工欲善其事,必先利其器。
态度:道阻且长,行则将至;行而不辍,未来可期
.....................................................................
------- 桃之夭夭,灼灼其华。之子于归,宜其室家。 ---------------
------- 桃之夭夭,有蕡其实。之子于归,宜其家室。 ---------------
------- 桃之夭夭,其叶蓁蓁。之子于归,宜其家人。 ---------------
=====================================================================
* 博客文章部分截图及内容来自于学习的书本及相应培训课程以及网络其他博客,仅做学习讨论之用,不做商业用途。
* 如有侵权,马上联系我,我立马删除对应链接。 * @author Alan -liu * @Email no008@foxmail.com
转载请标注出处! ✧*꧁一品堂.技术学习笔记꧂*✧. ---> https://www.cnblogs.com/ios9/
学问:纸上得来终觉浅,绝知此事要躬行
为事:工欲善其事,必先利其器。
态度:道阻且长,行则将至;行而不辍,未来可期
.....................................................................
------- 桃之夭夭,灼灼其华。之子于归,宜其室家。 ---------------
------- 桃之夭夭,有蕡其实。之子于归,宜其家室。 ---------------
------- 桃之夭夭,其叶蓁蓁。之子于归,宜其家人。 ---------------
=====================================================================
* 博客文章部分截图及内容来自于学习的书本及相应培训课程以及网络其他博客,仅做学习讨论之用,不做商业用途。
* 如有侵权,马上联系我,我立马删除对应链接。 * @author Alan -liu * @Email no008@foxmail.com
转载请标注出处! ✧*꧁一品堂.技术学习笔记꧂*✧. ---> https://www.cnblogs.com/ios9/