http://jsfiddle.net/tejaskot/3enz8fmy/1/
我如何在jquery clone中为下一行选择选项 jsfiddle有我的代码,请为此提供建议 我已经尝试了很多方法但没有成功,并且我是jquery的新手,为什么我不知道要减慢该问题的速度,如果有任何查询,请给出快速的答案,请在此先评论谢谢。
html代码
<table class="table table-bordered table-striped table-condensed table-hover" id="dynamic_field">
<th>Course Name</th>
<tr id="id" class="trrow">
<td class="col-md-4">
<select class="form-control select2 selectCourse" data-id="1" id="course_id_1" name="course_id[]" data-live-search="true">
<option value="" selected> Select Course Name</option>
<option value="1">m. s. office</option>
<option value="2">windows 7</option>
<option value="3">Test</option>
<option value="14">test1</option>
</select >
</td>
<td class="col-md-2"><input type="button" name="add" value="Add Row" class="btn btn-success"></td>
</tr>
</table>
jquery代码
$("input.btn-success").on('click', function()
{
$latest_tr = $('#dynamic_field tr:last');
var selects = $latest_tr.find("select");
//Destroy select2
//$('select.select2').select2('destroy');
//Cloning tr
$clone = $latest_tr.clone();
$latest_tr.after($clone);
$(selects).each(function(i)
{
var select = this;
$clone.find('select.select2').eq(i).val($(select).val());
});
//creating select2
$('select.select2').select2();
//$clone.find(':text').val('');
//$clone.find(':textarea').val('');
$clone.find('.btn-success').val('X');
$clone.find('.btn-success').addClass('btn-danger').removeClass('btn-success');
$('#dynamic_field tr').each(function (i)
{
i++;
$(this).find('tr:last');
if (i === 0)
return;
i--;
var selectinput = $(this).find('select');
var textinput = $(this).find('input');
var textarea = $(this).find('textarea');
selectinput.eq(0).attr('data-id', '' + i);
selectinput.eq(0).attr('id', 'course_id_' + i);
selectinput.eq(1).attr('id', 'parent_id_' + i);
textinput.eq(0).attr('id', 'topic_name' + i);
textarea.eq(0).attr('id', 'topic_description' + i);
});
/*Removing Row */
$(document).on('click', '.btn-danger', function()
{
$(this).closest(".trrow").remove();
});
});