Ajax+Javascript动态生成文本输入框
发布时间：2018-09-03 20:21:27 所属栏目：模式 来源：站长网
导读：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 引用的内容：[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 Clipboard引用的内容：[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; } （编辑：济源站长网） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |
