如上图
一个input,里面填写数字,旁边写一个button,当点击button的时候,就动态获取input里的值,如果input里填写3,就弹出3个input。
这个要怎么写?谁帮帮我?求代码input,butto

解决方案 »

  1.   

    提供一个思路:
      点击按钮时获取用户输入的弹出数量,然后循环去构造 直接构造HTML 弹出来就行了例如:
    var input="<input type=\"text\">";
    var html=""
    for(int i=0;i<3;i++){
    html+=input;

    然后把该HTML赋值到页面显示的弹出层 
    例如:$("#弹出层ID").html(html);
      

  2.   

    通过document.getElementById(id).value获取文本的值
    之后通过for循环 createElement 和appendChild创建节点添加到对应的元素上试试
      

  3.   

    给你个参考。
    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8"/>
    <style type="text/css">

    </style>
    </head>
    <body>
    <div>
    需要的层级:<input type="text" id="num" />
    <input type="button" id="ok" value="确定" />
    </div>
    <div id="can" style="border:1px solid #CCC; display:none; width:300px;"></div>
    <input type="button" id="submit" value="submit" />
    <div id="show"></div>
    </body>
    </html>
    <script type="text/javascript" src="../jquery-1.8.0.js"></script>
    <script type="text/javascript">
    $(function(){
    $("#ok").bind("click", function(){
    var num = parseInt($("#num").val());
    var html = '';
    for(var i=0; i<num; i++){
    html += '<input type="text" /><br/>';
    }
    $("#can").html(html).css('display', 'block');
    })
    $("#submit").bind("click", function(){
    var input = $("#can input:text");
    var html = '';
    for(var i=0, t=input.length; i<t; i++){
    html += input[i].value+'; ';
    }

    $("#show").html(html);
    })
    })
    </script>