Question

我正在尝试克隆一行以保留我的文本框和注释字段中的值，并执行正则表达式以将id从crs1部分替换为crs2。但是，我无法让它发挥作用。

<div id="wrapper">
   <div id="info-crs1">Course Information


       <div id="course-crs1">
        <label for="txtcourse-crs1">Course 1</label><input type="text" id="txtcourse-crs1"/>
       </div> 
       <div id="grade-crs1">
         <label for="txtgrade-crs1">Grade 1</label><input type="text" id="txtgrade-crs1"/>
        </div>
        <div id="comments-crs1">Comments 1
           <textarea id="ta-comments-crs1"></textarea>
        <div>    
   </div>
</div>    
<input type="submit" value="clone">

这是我的代码： http://jsfiddle.net/nLk6wg0o/5/

任何帮助将不胜感激

Answer 1

您的代码用替换的代码替换原始元素。要解决此问题，您可以使用以下代码替换最后两行：

$original.after(newhtml);

要克隆你的第一个必须用这样的东西来修复它们的值。此代码应在克隆之前运行：

// Fixate
$('#info-crs1 input').each(function(i, el) {
   $(el).attr('value', $(el).val()); 
});

请注意，这仅适用于输入字段，不适用于textarea。要使textarea正常工作，您需要在fixate循环中添加一些额外的代码。

http://jsfiddle.net/nLk6wg0o/6/

Jquery克隆表单值并替换表单字段id

1 个答案: