我使用了 http://viralpatel.net/blogs/dynamic-add-textbox-input-button-radio-element-html-javascript/ 中的代码html-javascript/.我的代码是这样的:
<HTML>
<HEAD>
<TITLE>Dynamically add Textbox, Radio, Button in html Form using JavaScript</TITLE>
<SCRIPT language="javascript">
function add() {
for (i=1; i<=5; i++)
{
//Create an input type dynamically.
var element = document.createElement("input");
//Assign different attributes to the element.
element.setAttribute("type", i);
element.setAttribute("name", i);
element.setAttribute("value", i);
var foo = document.getElementById("fooBar");
//Append the element in page (in span).
foo.appendChild(element);
}
}
</SCRIPT>
</HEAD>
<BODY>
<FORM>
<H2>Dynamically add element in form.</H2>
Select the element and hit Add to add it in form.
<BR/>
<INPUT type="button" value="Add" onclick="add()"/>
<span id="fooBar"> </span>
</FORM>
</BODY>
</HTML>
该代码有效。但我不想水平添加它,而是希望每个新文本字段都添加到新行中。我尝试使用 </script><br/><script>
, <html><br/></html>
, document.write("\n")
,和document.write("\r\n")
在循环函数中,但它不像我想要的那样工作。我该怎么办?
最佳答案
为什么不这样做呢?
var br = document.createElement("br");
foo.appendChild(br);
关于javascript - 在新行中动态添加更多文本字段 (html),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12224823/