程序员人生 网站导航

Ajax+Javascript动态生成文本输入框

栏目:jscript时间:2014-04-06 00:38:10

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;
}
------分隔线----------------------------
------分隔线----------------------------

最新技术推荐