quisiera saber como puedo pasar un valor al select y este quede seleccionado de acuerdo al valor que le envie porque estoy tratando de hacer un actualizar.
Este ajax llama a un método "MantProyecto.cargaCombo2()" que imprime código html(select) dentro de un "div" la cantidad de veces que indique el bucle json.data.length pero yo quiero pasarle un valor en especifico por cada select creado para que quede el option seleccionado al valor que le indique esta es la linea de codigo comentada:
el valor que le envío es json.data[i].Sub_Catalogo_id; pero quiero que ese valor que pase el valor a los demás select y no al primer select.
//document.getElementById("idDepreciacion").selectedIndex = json.data[i].Sub_Catalogo_id;
$.ajax({
url: root + 'MantProyecto/ListaTipoDepSel',
type: 'POST',
dataType: 'json',
data: { id: JSON.stringify(parametro) },
success: function (json) {
console.log(json.data[0].Sub_Catalogo_id);
for (let i = 0; i < json.data.length; i++) {
MantProyecto.cargaCombo2();
//document.getElementById("idDepreciacion").selectedIndex = json.data[i].Sub_Catalogo_id;
}
$("#items2 div").remove();
$('#exampleModal2').modal('toggle');
}
})
Este el método que crea el select y lo imprime en un contenedor "div" llamado items "MantProyecto.cargaCombo2()"
cargaCombo2: function () {
$.ajax({
url: root + 'MantProyecto/CargarTipoDepreciacion',
dataType: 'json',
type: 'GET',
success: function (json) {
//$("#items2").append("");
var items = document.getElementById("items2");
//items.innerHTML += "";
var select = `
<div class="form-row dep_val" style="margin-bottom:3px;">
<select id="idDepreciacion">
`;
for (let valor of json.data) {
select += "<option value='" + valor.id_sub_catalogo + "'>" + valor.descripcion_breve + "</option>";
}
var html = select + `</select>
<input class="form-control col-md-2 valor" type="number" required/>
<button class="btn btn-primary delete">-</button>
</div>`;
$("#items2").append(html);
}
})
}
En conclusión lo que deseo es que los select deberían quedar seleccionados de acuerdo al valor dado
select
. Pregunto: ¿entre los datos hay algo que identifique cuál opción debe quedar seleccionada? Debes entonces usar esa información para ponerselected
al momento de crear el elemento HTML aquí en el bucle:for (let valor of json.data) {
ahí debes preguntar y agregarselected
cuando la condición se cumpla. Es todo.