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

これを試してください、

 <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 に答える