为什么JQUERY克隆功能并为其添加ID并确认电子邮件值？

Question

我正在处理2个棘手的UX JQuery问题.我正在使用JQuery克隆2个表单变量.如何索引,识别它们,以便我可以使用此ID标记它们.例如,如果我从选择框中选择3,我应该获得3行形式,并且在每行的左侧应该以数字开始1. form,2.form,3 form开头.

第二个问题我想要验证服务员[]对确认者[].我如何在克隆的HTML代码中执行此操作.

这是我的JSFiddle http://jsfiddle.net/tGprH/5/

这是我的HTML代码:

<select name="select" id="select">
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
</select>
<br/>
<p>Email address, Confirm Email Address</p>
#1 <input type="text" name="attendant[]"/>
<input type="text" name="confirmattendant[]"/>
<br/>

<div id="container">

</div>

这是我的JQuery

$("select").change(function() {

    var select = parseInt($('#select').val() , 10);
    var $clone = '<input type="text" name="attendant[]" /><input type="text" name="confirmattendant[]" /><br/>';
    console.log($clone);
    var html = '';
    for(var i = 1;i< select ; i++){
        html += $clone;
    }
    $('#container').empty().html(html);
 }).change();

Answer 1

您可以在 for 循环中打印所需的内容，例如..

html += '#'+(i + 1)+ ' '+$clone;

尝试这个

$("select").change(function() {

   var select = parseInt($('#select').val() , 10);
   var $clone = '<input type="text" name="attendant[]" /><input type="text" name="confirmattendant[]" /><br/>';
   console.log($clone);
   var html = '';
   for(var i = 1;i< select ; i++){
      html += '#'+(i + 1)+ ' '+$clone;
   }
   $('#container').empty().html(html);
})

在这里摆弄