`
dcdc723
  • 浏览: 183805 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

Jquery 动态的添加文本框 并 取添加的值

jQueryJavaScriptXHTMLHTML 
阅读更多 
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
  <title>Jquery添加文本框并取得值 </title>
 <script type="text/javascript" src="jquery.js"> </script>
 <script type="text/javascript">
        function add() {
            for (var i = 0; i < 3; ++i)  //要循环的文本框个数;
           $("#txt").append(" <input id='" + i + "' type='text' />"); //向ID为TXT的DIV追加文本框
           $("#txt").append(" <input type='button' onclick='btnOK()' value='确定'/>");//追加确定按钮
        }
        function btnOK() {
            alert($("#1").val()); //获得第二个文本的值；
        }

    </script>
</head>
<body>
    <form id="form1" runat="server">
    <input type="button" value="添加" onclick="add()" />
    <div id="txt">

    </div>

    </form>
</body>
</html>

 

2
顶
1
踩
分享到：
| 程序员的级别----你属于哪一级？
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics