1.向第一個文字框輸入數字n，點click就新產生n個文字框
<html>
<head>
<script type="text/javascript" src="jquery-1.7.2.js"></script>
<script type="text/javascript">
var addItems = function()
{
//用javascript實現如下
/*
document.getElementById("div1").innerHTML="";
var num = parseInt(document.getElementById("itemNum").value);
for(var i=0;i<num;i++)
{
var br = document.createElement("br");
var input = document.createElement("input");
input.setAttribute("type","text");
document.getElementById("div1").appendChild(br);
document.getElementById("div1").appendChild(input);
}
*/
//用jQuery實現如下
document.getElementById("div1").innerHTML = "";
var num = parseInt($("#itemNum").val());
var str = "";
for(var i=0;i<num;i++)
{
str +="<br><input type='text'>"
}
$("#div1").append(str);
}
</script>
</head>
<body>
<input type="text" id="itemNum">
<input type="button" id="btn" value="click" onclick="addItems();">
<div id="div1"></div>
</body>
</html>
向第一個文字框輸入數字n，點click就新產生n個文字框
運行結果執行個體：
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
