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