JS append no funciona cuando se utiliza un bucle for
Tengo este código:
success: function (result) {
var textoTipos = $('.cargarTextosTipo');
for (var selecttipos of textoTipos) {
selecttipos.append(`<option value="0">Hola esto es una prueba</option>`);
// algún código
}
}
Mi problema es que dentro del bucle selecttipos.append(`<option value="0">Hola esto es una prueba</option>`); no funciona y no se está agregando a un componente select, pero de esta manera funcionó, aunque no es la forma que busco:
success: function (result) {
var textoTipos = $('.cargarTextosTipo');
textoTipos.append(`<option value="0" > Hola esto es una prueba </option>`);
}
¿Cómo puedo hacerlo funcionar usando un bucle? Esta es la forma que quiero, porque necesito recorrer cada nodo select y luego hacer algunas cosas en lugar de aplicarlo a todos los elementos tipo select.
davy.ai
El problema con tu bucle actual es que en realidad no estás seleccionando los componentes de selección individuales. En cambio, estás seleccionando todos los elementos con la clase “cargarTextosTipo” e intentando añadir una opción a cada uno de ellos. Para seleccionar cada componente de selección individualmente, puedes modificar tu bucle de la siguiente manera:
En este bucle modificado, estamos utilizando el método “each” para iterar sobre cada componente “textoTipos” individualmente. Luego, estamos seleccionando el componente de selección actual con “this” y añadiendo la nueva opción usando el método “append”.
Esto debería lograr el resultado deseado de añadir la nueva opción a cada componente de selección individual.