默认情况下,多个输入会附加到下面的#captureAvail_more
,如下所示:
$(function()
{
$("#captureAvail_more").append("<input type='text' name='avail[]' value='Sun-1'>");
$("#captureAvail_more").append("<input type='text' name='avail[]' value='Sun-2'>");
$("#captureAvail_more").append("<input type='text' name='avail[]' value='Sun-3'>");
$("#captureAvail_more").append("<input type='text' name='avail[]' value='Sat-1'>");
$("#captureAvail_more").append("<input type='text' name='avail[]' value='Sat-2'>");
$("#captureAvail_more").append("<input type='text' name='avail[]' value='Sat-3'>");
}
);
上面会附加这样的输入,
<section id="more-popup" class="mfp-hide white-popup">
//append `input[type=text]` here
<div id="captureAvail_more" class="clone_more">
<input type='text' name='avail[]' value='Sun-1'>
<input type='text' name='avail[]' value='Sun-2'>
<input type='text' name='avail[]' value='Sun-3'>
<input type='text' name='avail[]' value='Sat-1'>
<input type='text' name='avail[]' value='Sat-2'>
<input type='text' name='avail[]' value='Sat-3'>
</div>
<input type="button" value="OK" id="ok" onclick="cloneAvail()"/>
</section>
单击确定按钮后,我需要将此类(input[type=text]
)的所有'clone_more'
及其值复制到div#captureAvail2
,但它根本不克隆。我在哪里错了。下面是我的克隆代码。
// .clone_more的HTML输入需要附加在这里
<div id="captureAvail2">
</div>
克隆的功能
function cloneAvail()
{
alert("hi");
$(".clone_more input[type=text]").clone(true, true).append("#captureAvail2");
}