在for循环

Question

在我的代码中，我使用代码段中的代码基于用户输入创建了字段集的重复副本。我现在的问题是，当用户提交表单时，params Hash不会考虑来自fieldset的不同实例的值。最后一个值将覆盖以前的所有值。在下面的当前场景中的一个例子是params Hash。  {“member”=＆gt;“2”，“lte_freq1”=＆gt;“4”，“ru_type”=＆gt;“RRU”，“4_way_rx”=＆gt;“否”} 但是，我想要的输出如下所示。这里是member = 2的值，因此附加了两个fieldset实例：  {“member”=＆gt;“2”，“lte_freq1_1”=＆gt;“6”，“ru_type_1”=＆gt;“RU”，   “4_way_rx_1”=＆gt;“是”，“lte_freq1_2”=＆gt;“4”，“ru_type_2”=＆gt;“RRU”，   “4_way_rx_2”=＆gt;“否”} $（文件）。就绪（函数（）{ $（ “按钮”）。点击（函数（）{ var number = document.getElementById（“member”）。value; var repeat = $（'fieldset'）; var克隆; for（i = 1; i＆lt; number; i ++）{     cloned = repeat.clone（true）;     cloned.appendTo（ 'sector_prop。'）; }  }）; }）; ＆lt;！DOCTYPE html＆gt; ＆LT; HTML＆GT; ＆LT; HEAD＆GT; ＆lt; script src =“https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js”＆gt;＆lt; / script＆gt; ＆LT峰; br＆GT; ＆LT峰; br＆GT;  ＆LT峰; br＆GT;  ＆LT峰; br＆GT; ＆LT; /头＆GT; ＆LT;身体GT; ＆lt; form action =“/ form”method =“post”＆gt; ＆lt; div class =“textbox”＆gt; ＆LT;图例＆GT;＆LT b取代;射频参数＆lt; / b＆gt;＆lt; / legend＆gt; ＆LT峰; br＆GT; 扇区数（LTE）＆lt; br＆gt; ＆LT峰; br＆GT; ＆lt; input type =“text”id =“member”name =“member”value =“”＆gt; ＆LT峰; br＆GT; ＆LT峰; br＆GT; ＆lt; button＆gt;生成扇区属性＆lt; / button＆gt; ＆LT峰; br＆GT; ＆LT峰; br＆GT; ＆lt; div class =“sector_prop”＆gt; ＆LT;字段集＆GT; 主LTE载波（为AWS 5的站点850选择最低频率，AWS 用于频带4和用于频带2的PCS）＆lt; br＆gt; ＆LT峰; br＆GT; ＆lt; select name =“lte_freq1”＆gt; ＆lt; option value =“6”＆gt; 850＆lt; / option＆gt; ＆lt; option value =“2”＆gt; AWS＆lt; / option＆gt; ＆lt; option value =“4”＆gt; PCS＆lt; / option＆gt; ＆LT; /选择＆GT; ＆LT峰; br＆GT; ＆LT峰; br＆GT; 无线电类型（机架安装选择“RU”或远程无线电选择RRU）：＆lt; br＆gt; ＆LT峰; br＆GT; ＆lt; select name =“ru_type”＆gt;   ＆lt; option value =“RU”＆gt; RU＆lt; / option＆gt;   ＆lt; option value =“RRU”＆gt; RRU＆lt; / option＆gt; ＆LT; /选择＆GT; ＆LT峰; br＆GT; ＆LT峰; br＆GT; 4路Rx（选择“是”或“否”）：＆lt; br＆gt; ＆LT峰; br＆GT; ＆lt; select name =“4_way_rx”＆gt;   ＆lt; option value =“是”＆gt;是＆lt; / option＆gt;   ＆lt; option value =“No”＆gt; No＆lt; / option＆gt; ＆LT; /选择＆GT; ＆LT峰; br＆GT; ＆LT峰; br＆GT;   ＆LT; /字段集＆GT; ＆LT; / DIV＆GT; ＆LT峰; br＆GT; ＆lt; input type =“submit”＆gt; ＆LT; /形式＆GT; ＆LT峰; br＆GT; ＆LT峰; br＆GT; ＆LT; /体＆GT;

Answer 1

您正在克隆元素，它不会神奇地更新字段名称。因此，您需要手动获取索引并在克隆时更新新元素的名称：

$(document).ready(function(){
  $("button").click(function(){
    var number = document.getElementById("member").value;
    var repeat = $('fieldset');
    var cloned;

    for (i=1;i<number;i++){
      cloned = repeat.clone(true);
      current_name = cloned.find('select').attr('name');
      cloned.find('select').prop('name', current_name + '_' + i);
      cloned.appendTo('.sector_prop');
    }
  });
});