tengo este codigo:
success: function (result) { var textoTipos = $('.cargarTextosTipo'); for (var selecttipos of textoTipos) { selecttipos.append(`<option value="0">Hello this is a test</option>`); // some code } } Mi problema es que dentro del bucle selecttipos.append(`<option value="0">Hello this is a test</option>`); no funciona y no se agrega a un componente de selección, pero funcionó de esta manera, pero esta no es la forma en que estoy buscando:
success: function (result) { var textoTipos = $('.cargarTextosTipo'); textoTipos.append(`<option value="0" > Hello this is a test </option>`); }¿Cómo hago que funcione usando un bucle? esta es la forma que quiero porque tengo que pasar por cada nodo seleccionado y hacer algunas cosas más tarde en lugar de aplicarlas a todas las cosas seleccionadas.
Al hacer un bucle textoTipos , obtienes elementos HTML simples. Debe envolver selecttipos para que sea un objeto jQuery: $(selecttipos)
function success(result) { var textoTipos = $('.cargarTextosTipo'); for (var selecttipos of textoTipos) { $(selecttipos).append(`<option value="0">Hello this is a test</option>`); // some code } } $(document).ready(success); <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <select class="cargarTextosTipo"></select> <select class="cargarTextosTipo"></select> <select class="cargarTextosTipo"></select> <select class="cargarTextosTipo"></select>