Question

我不知道如何做到这一点，虽然我已经在网站上看过它。所以，这显然是一个简单的代码，但我卡住了。

我创建了一个显示textarea和一个按钮的简单应用。单击该按钮时，它会在下面再添加一个textarea。因此，我想在您单击添加按钮时删除上一个textarea的框架（边框）。而且，要自动选择下一个键入。

澄清：用户在textarea中输入一些文字，然后按下红色按钮。它变成了绿色。并且第一个textarea的边框消失（仅剩下文本）和下面添加的textarea会自动选中（单击），用户可以输入文本并再次按下红色按钮，依此类推。如果用户决定返回并更改先前文本区域的文本，则边框将再次出现。

THERE IS THE FIDDLE

以下是代码：

<textarea rows="3" cols="30" ></textarea><br/>
<input type="button" style="background-color:red;width:48x;height:20px;" id="btn1" value="ADD" onClick="change(this);addmore();">
<div id="inner"></div><br/>

function change(myinput) { 
   myinput.style.backgroundColor = "green";
} 
function addmore() {
    var textarea = document.createElement("textarea");
        textarea.rows = 3;
        textarea.cols = 30;
        var div = document.createElement("div");
        div.innerHTML = textarea.outerHTML + '<br/><input type="button" style="background-color:red;width:48px;height:20px;" id="btn2" value="ADD" onClick="change(this);addmore();"><br/>';
        document.getElementById("inner").appendChild(div);
}

单击按钮时删除textarea边框，然后自动选择下一个textarea

0 个答案: