0

我在 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>
4

4 回答 4

1

Please try this,

 <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();" />
于 2013-07-09T06:24:48.753 回答
0 
<!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>
于 2013-07-09T06:32:18.153 回答
0

createTextbox不是明确可用的。您必须使用document.getElementById. 像这样...

var createTextbox = document.getElementById("createTextbox");
createTextbox.innerHTML = createTextbox.innerHTML +"<br><input type='text' name='mytext' >";
于 2013-07-09T06:11:11.027 回答
0

通过使用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);
    }
于 2013-07-09T06:14:30.727 回答