小编Noo*_*tic的帖子

我可能会犯这个错误,但这里有.我有一个表单,您填写中间的一个部分,让您添加更多地址与"添加更多"按钮.

我的HTML:

<div class="address">
   <div class="street">
      <input type="text" name="street[]">
   </div>
   <div class="city">
      <input type="text" name="city[]">
   </div>
   <div class="addmoreadd">
      <button type="button" id="addmore">Add More Address</button>
   </div>
</div>

jQuery的:

var rowNum = 0;

$("#addmore").click(function() {
      rowNum++;
      $('.address').attr('id', 'address' + rowNum);
      var html = $('.address').html();
      jQuery('.address').append(html)
      var rm = "<button type='button' class='btn' id='rmbtn'>Remove</button>"
      $('addmoreadd').append(rm);  

      $('#rmbtn').click(function() {
        $('#address' + rowNum).remove();
     }); 
 });

我是jquery的新手所以我还在学习语法和功能但是在这里我试图在每次单击"添加更多地址"按钮时附加额外的地址字段,<div class="address">通过添加id#来增加父div 以识别"删除"按钮的编号.我希望用户只能在第一个默认地址后删除其他地址.

当单击添加更多地址按钮一次时执行此操作,之后它会不断添加更多删除按钮.此外,当添加更多地址字段时,id是相同的(#address0的行).

请指导我正确的方向!

编辑:这是我原来的一个例子,它没有使用添加更多的电话按钮:

http://jsfiddle.net/F4UhN/