jQuery简单例子-1

最新推荐文章于 2024-03-29 10:49:50 发布

ZKLxuankai

最新推荐文章于 2024-03-29 10:49:50 发布

阅读量616

点赞数

分类专栏： javascript jQuery 文章标签： jquery input div javascript button function

本文链接：https://blog.youkuaiyun.com/ZKLxuankai/article/details/7573415

版权

javascript 同时被 2 个专栏收录

15 篇文章

订阅专栏

jQuery

9 篇文章

订阅专栏

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" οnclick="addItems();">
   <div id="div1"></div>

</body>

</html>

向第一个文本框输入数字n，点click就新生成n个文本框

运行结果实例：