actualizar div con jquery
Publicado por Sam (46 intervenciones) el 23/07/2020 20:33:36
Hola a todos veran a ver si me pueden ayudar con este problema:
Lo explico:
Tengo un combobox en html, el cual tiene una serie de "options" hasta ahí todo normal.
Dichas options las recoge mediante php con un while extrayendo el texto de las options de una base de datos y apareciendo en el combobox lógicamente.
En otro lado de la pagina web se crean nuevos contenidos para nuevas options.
Y tienen que figurar dentro de este combobox.
un ejemplo, tengo este select:
Y en otro lado de la pagina creo un nuevo contenido para una nueva option y que se carge en ese select.
creo : hamburguesa.
con lo cual se carga en el select quedando asi:
bien para cargar la nueva option, lo que hago es usar jquery para refrescar el div contenedor del select de esta forma:
y bueno lo hace bien, en el select aparece la option de la hamburguesa tambien.
Pero el problema viene ahora:
al ejecutar el jquery load, lo que sucede es que aparece dos divs con el mismo id llamado div_contenedor anidados, es decir algo asi:
Y esto es un problema para mi.
Alguien podria ayudarme con esto?
Gracias de antemano.
Lo explico:
Tengo un combobox en html, el cual tiene una serie de "options" hasta ahí todo normal.
Dichas options las recoge mediante php con un while extrayendo el texto de las options de una base de datos y apareciendo en el combobox lógicamente.
En otro lado de la pagina web se crean nuevos contenidos para nuevas options.
Y tienen que figurar dentro de este combobox.
un ejemplo, tengo este select:
1
2
3
4
5
6
7
8
<div id="div_contenedor">
<select>
option...pizza
option... kebab
</select>
</div>
Y en otro lado de la pagina creo un nuevo contenido para una nueva option y que se carge en ese select.
creo : hamburguesa.
con lo cual se carga en el select quedando asi:
1
2
3
4
5
6
7
8
9
<div id="div_contenedor">
<select>
option...pizza
option... kebab
option...hamburguesa
</select>
</div>
bien para cargar la nueva option, lo que hago es usar jquery para refrescar el div contenedor del select de esta forma:
1
$("#div_contenedor").load(" #div_contenedor");
y bueno lo hace bien, en el select aparece la option de la hamburguesa tambien.
Pero el problema viene ahora:
al ejecutar el jquery load, lo que sucede es que aparece dos divs con el mismo id llamado div_contenedor anidados, es decir algo asi:
1
2
3
4
5
6
7
8
9
10
11
<div id="div_contenedor">
<div id="div_contenedor">
<select>
option...pizza
option... kebab
option...hamburguesa
</select>
</div>
</div>
Y esto es un problema para mi.
Alguien podria ayudarme con esto?
Gracias de antemano.
Valora esta pregunta
0