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

发布时间：2018-08-29 16:43:52 所属栏目：模式来源：站长网

导读：Html文件的代码 Copy to Clipboard 引用的内容：[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元素,如下所示. s

Html文件的代码

Copy to Clipboard Liehuo.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>

<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 Clipboard Liehuo.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;
}

（编辑：PHP编程网 - 黄冈站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!