js动态添加文本框

var textarea = document.createElement("textarea")

textarea.id="textarea"

document.body.appendChild(textarea)

var option = document.getElementsByTagName("select")[0]

option.onchange=function(){

option[option.selectedIndex].text=""

}

document.getElementsByTagName("select")[0].add(document.createElement("option"))

以jquery为例

<input class="ck" data="1">

<input class="ck" data="2">

<input class="ck" data="3">

var html

$( ".ck" ).click( function() {

    if( this.checked ) {

        html = '<input type="text" value="' + $( this ).attr( "data" ) + '">'

        $( "body" ).append( html )

    }

} )

这种题，主要还是静下心来，不需要要有什么思路，只要一步步来就行；

首先，点击增加，我们需要出发一个点击事件click；

然后，增行，我们需要在本行的下一行增加一个<input>，此时别想删除，等把增行做好之后，再考虑怎么删除；

最后，哪一步不会做百度一下就好。

以后遇到这种问题，如果不知道怎么解决，那么先做，哪里不会了，问问同事或以前同学，或百度，这是一个提升个人能力的过程。

---