求解JavaScript和html结合问题!
朋友们好啊
需求如下:
一个文本框 HTML code<input type="text" name="type"> <a href="addMoreType">添加</a>
每次点击添加连接后, 会重新出现一个<input>文本框在下面,
也就是说支持批量添加type 这个东东, 记住, 每次点击一次添加连接, 就会重新出现一个文本框, 而不是覆盖之前的
文本框
求高手帮忙!
谢谢大家
------解决方案--------------------
HTML code<script> function abc() { document.getElementById("divid").innerHTML=document.getElementById("divid").innerHTML+"<input type='text'>"; }</script><a href="#" onclick="abc()">aaaa</a><div id="divid"></div>
------解决方案--------------------
也可以用 createElement() 创建
------解决方案--------------------
JScript codefunction addMoreType(){ $("body").append("<input type='text' class='input' name='type'> <a href='javascript:addMoreType();'>添加</a></input><br/>");}
------解决方案--------------------
JScript code<script>var cout=0;function addMoreType(){ var node=document.getElementById("inpu"); var insertedNode = document.createElement('input'); insertedNode.value = cout ; insertedNode.appendChild(document.createTextNode("插入节点"+cout)); node.parentNode.insertBefore(insertedNode,node.nextSibling); cout++;}</script><input type="text" name="type" value="1" > <a id="inpu" href="javascript:addMoreType();">添加</a>
------解决方案--------------------
HTML code<script>function addMoreType(){ var obj=document.createElement("input"); obj.setAttribute('type','text'); obj.setAttribute('name','type'); document.body.appendChild(obj);}</script><input type="text" name="type"> <a href="javascript:addMoreType();">添加</a>
------解决方案--------------------
1.利用innerHTML
2.利用createElement
查询谷 - www.chaxungu.com
求解JavaScript和html结合有关问题
编辑:chaxungu时间:2022-10-02 23:23:45分类:web开发