Buen día colegas, actualmente estoy haciendo una tabla donde voy agregando dinámicamente Rows al dar clic a un botón, pero el problema es que al principio tengo un select con la propiedad select2, pero cuando agrego un Row dinámicamente con mi botón se agrega el select pero sin la propiedad select2 y quisiera saber la forma de como agregarlo y que traiga select2.
Esta es la forma en la que agrego los Rows a la tabla
function agregaRows() {
position++;
$('#tbTablaRecetas')
.append
(
$('<tr>')
.append
(
$('<td>')
.append
(
$('<Select>').attr('id', 'idEAN' + position).addClass('form-control')
)
)
.append
(
$('<td>')
.append
(
$('<input>').attr('type', 'text').attr('id', 'piezas_' + position).addClass('form-control')
)
)
.append
(
$('<td>')
.append
(
$('<input>').attr('type', 'text').attr('id', 'ICD_' + position).addClass('form-control')
)
)
.append
(
$('<td>')
.append
(
$('<div>').addClass('btn btn-danger').text('Eliminar')
)
)
)
}
Este es mi body
<tbody id="tbodyDatos">
<tr class="tr">
<td>
<select id="idEAN" class="form-control"></select>
</td>
<td>
@Html.TextBoxFor(model => Model.Unidades, new { @class = "form-control", style = "z-index:0", autocomplete = "off" })
@Html.ValidationMessageFor(model => model.Unidades, null, new { @class = "text-danger" })
</td>
<td>
@Html.TextBoxFor(model => Model.ICD, new { @class = "form-control", style = "z-index:0", autocomplete = "off" })
@Html.ValidationMessageFor(model => model.ICD, null, new { @class = "text-danger" })
</td>
<td>
<div type="button" class="btn btn-danger">Eliminar</div>
</td>
</tr>
</tbody>
Y así le indico que el select que trae el id="idEAN" sea select2
$('#idEAN').select2();
$('#idEAN').select2();
?