当前位置：首页 → 问答吧 → jquery菜鸟请教个自动生成输入框的问题

jquery菜鸟请教个自动生成输入框的问题

时间：2011-06-13

来源：互联网

JScript code


  <script>
  var indexid=2;
  $(function(){
 $("#btnid").click(function(){
  var $text = $("<input type='text' /><br>");
  $text.attr("id","id"+indexid);
  $text.attr("name","name"+indexid);
  $(this).before($text);
  indexid=indexid+1;
 });
  });
  </script>

上面大致是点击按钮，增加一个输入框的代码。
我现在想点击一下之后，增加三个输入框，该怎么改呢

作者: expertgig7 发布时间: 2011-06-13

JScript code


var indexid=2;
  $(function(){
     $("#btnid").click(function(){
        for(i=0; i<3; i++){
          var $text = $("<input type='text' /><br>");
          $text.attr("id","id"+indexid);
          $text.attr("name","name"+indexid);
          $(this).before($text);
          indexid=indexid+1;
        }
     });
  });

作者: inetfuture 发布时间: 2011-06-13

引用 1 楼 inetfuture 的回复:

JScript code

var indexid=2;
$(function(){
$("#btnid").click(function(){
for(i=0; i<3; i++){
var $text = $("<input type='text' /><br>");
$text.attr("id","id"+index……

这样可以，不过文本框之间很挤，有办法分开点吗？
最好每个文本框之前，能加个标题。

作者: expertgig7 发布时间: 2011-06-13

JScript code


var indexid=2;
  $(function(){
     $("#btnid").click(function(){
        for(i=0; i<3; i++){
          var $text = $("<span>标题<span><br /><input type='text' /><br>");
          $text.attr("id","id"+indexid);
          $text.attr("name","name"+indexid);
          $(this).before($text);
          indexid=indexid+1;
        }
     });
  });

作者: inetfuture 发布时间: 2011-06-13

JScript code


var indexid=2;
  $(function(){
     $("#btnid").click(function(){
        for(i=0; i<3; i++){
          var $text = $("<span>标题"+(indexid-1)+"<span>：<input type='text' /><br>");
          $text.attr("id","id"+indexid);
          $text.attr("name","name"+indexid);
          $(this).before($text);
          indexid=indexid+1;
        }
     });
  });

作者: tcwsyt 发布时间: 2011-06-13

jquery菜鸟请教个自动生成输入框的问题

热门阅读

热门下载