软件下载 | 资讯教程 | 最近更新 | 下载排行 | 一键转帖 | 发布投稿
您的位置:最火下载站 > Web前端 > Ajax/JavaScript > Ajax+Javascript动态生成文本输入框

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

Html文件的代码

Copy to ClipboardLiehuo.Net Codes引用的内容:[www.veryhuo.com]
<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的代码:

Copy to ClipboardLiehuo.Net Codes引用的内容:[www.veryhuo.com]
// 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;
}
    相关阅读
    栏目导航
    推荐软件