Ajax+Javascript动态生成文本输入框
来源:程序员人生 发布时间:2014-04-06 00:38:10 阅读次数:2470次
Html文件的代码
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<!--
JAVASCRIPT编写需要使用网页的<script>元素,如下所示.
<script>元素的language属性用于设置script是用什么语言实现的. 如使用外部JAVASCRIPT还需要设置src属性.
-->
<script language="javascript" src="test.js">
</script>
</head>
<body>
<div id="tardiv">
</div>
<form>
<input id="txtNumber" type="text" value="1" size="5" />
<input id="btnNumber" name="Submit" type="button" value="submit" onclick="showmessage(txtNumber.value, 'tardiv')">
</form>
</body>
</html>
test.js的代码:
// JavaScript Document
//
//用JAVASCRIPT动态生成 文本输入框 到页面中,
//amount参数是表示生成文本输入框的个数, target参数是 将要显示生成的文本输入框的控件ID名
function showmessage(amount, target)
{
var strContent;
//用循环动态生成文本输入框并保存到strContent中.
for (i=0; i<amount; i++)
{
strContent += '<input id="txt' + i +'" type="text" value="' + i + '" size="5" /> <br />';
}
//用JAVASCRIPT的document对象的getElementById()方法中的innerHTML属性定义 target控件内容.
document.getElementById(target).innerHTML = strContent;
}