日期:2014-05-16  浏览次数:20617 次

求解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 code

function 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