Hola tengo este problema con dos select2 anidados (uno depende del otro), lo primero es que lleno un datatable.net con los datos y de estos los paso mediante oneclick para poder editarlos:
EditarTrabajador = function ( CodOficina, DepOficina) {
$.post("/Oficina/OficinaGeneral",
function (data) {
$.each(data, function (i, item) {
$('#Ecbooficinageneral').append('<option value="' + item.Cod_Oficina_G + '">' + item.Nom_OFicina_G + '</option>');
$("#Ecbooficinageneral").val(DepOficina);
$('#Ecbooficinageneral').change();
});
});
$('#Ecbooficinageneral').on('change', function () {
var codofi = $('#Ecbooficinageneral').val();
$('#Ecbooficinadep').val(null).trigger('change');
$('#Ecbooficinadep').html('<select class="form-control select2" id="cbooficinadep" style="width: 100%;">' +
'<option selected="selected" value="">Seleccione Oficina Dependiente</option>' +
'</select>');
$.post("/Oficina/OficinaDep",
{ codoficina: codofi },
function (data) {
$.each(data, function (i, item) {
$('#Ecbooficinadep').append('<option value="' + item.Cod_Oficina_D + '">' + item.Nom_Oficina_D + '</option');
$("#Ecbooficinadep").val(CodOficina);
$('#Ecbooficinadep').change();
});
});
});
}
el problema es que al momento de llenar el primer combo y poner:
$("#Ecbooficinageneral").val(DepOficina);
$('#Ecbooficinageneral').change();
el change hace que se llene el mismo dato en el siguiente combo varias veces, como puedo hacer que es cargue el primer select con la opcion a editar, limpiar el segundo select y cargarla con la opcion a editar igualmente?