Question

即时创建动态文本框onclick事件代码运行正常文本框已创建，但问题是当我创建新文本框并填充第一个文本值的某些值正确存储并再次创建新文本框那个时候第一个文本框值是自动删除或null我试图解决这个错误但没有得到正确的答案请帮助我....

<html>
<head>
<title>Dynamic Form</title>
<script language="javascript" type="text/javascript" >
function changeIt()
{

createTextbox.innerHTML = createTextbox.innerHTML +"<br><input type='text' name='mytext' >"

}
</script>
</head>
<body>

<form name="form">
<input type="button" value="clickHere" onClick="changeIt()">
<div id="createTextbox"></div>
</form> 
</body>
</html>

Answer 1

请试试这个，

 <script type="text/javascript" language="javascript">
        function changeIt() {
            var divTag = document.createElement("input");
            document.body.appendChild(divTag);
        }
    </script>

<input type="button" value="Create"
        onclick="changeIt();" />

Answer 2

createTextbox未明确提供。你必须使用document.getElementById来获得它。像这样......

var createTextbox = document.getElementById("createTextbox");
createTextbox.innerHTML = createTextbox.innerHTML +"<br><input type='text' name='mytext' >";

Answer 3

使用createTextbox.innerHTML =，您可以替换div的当前内容。

使用appendChild功能解决它，这是一个例子：

function addInput(){
        //get the div element
        var d = document.getElementById('myDiv');
        //create an input element
        var i = document.createElement("input");
        //add it to the div
        d.appendChild(i);
    }

Answer 4

<!DOCTYPE html>
<html>
<head>
<script>
function changeLink()
{
document.getElementById('createTB').innerHTML="<input type='text' />";
}
</script>
</head>
<body>

<div id="createTB"></div>
<input type="button" onclick="changeLink()" value="Change link">

</body>
</html>

动态文本框不存储在文本框中

4 个答案: