estoy haciendo un CRUD el cual tiene interesados y cursos. Quiero que al editar los interesados me traiga los cursos en los que esta interesados. Estos cursos se muestra con un select multiple pero no se como hacer para marcarlos como selected.
La consulta a la DB es a traves de php, y toda la funcionalidad la estoy haciendo con JS.
Hice lo siguiente pero no funciona
this.editar = (id) => {
var form = new FormData();
form.append("id", id);
fetch("../controllers/editar.php", {
method: "POST",
body: form,
})
.then((res) => res.json())
.then((data) => {
document.getElementById("id_interesado").value = data.id_interesado;
document.getElementById("nombre").value = data.nombre;
document.getElementById("apellido").value = data.apellido;
document.getElementById("telefono").value = data.telefono;
document.getElementById("email").value = data.email;
document.getElementById("direccion").value = data.direccion;
document.getElementById("numero").value = data.numero;
document.getElementById("localidad").value = data.localidad;
document.getElementById("dni").value = data.dni;
var form_cursos = new FormData();
form_cursos.append("id_interesado", data.id_interesado);
fetch("../controllers/editar_cursos_interes.php", {
method: "POST",
body: form_cursos,
})
.then((res) => res.json())
.then((data) => {
var ids_cursos = Array();
data.forEach((item) => {
ids_cursos.push(item.id_curso);
})
ids_cursos.forEach((item) => {
if (document.getElementById("curso_interes").value in ids_cursos) {
document.getElementById("curso_interes").setAttribute("selected", true);
}
})
})
.catch((error) => console.log(error));
})
.catch((error) => console.log(error));
};