actualizar div con jquery

[mensajeescrito]

Hola Arturo, gracias por contestar, bueno la verdad es que lo de soket creo que se me escapa a mis conocimientos.

Creo que será mejor exponer de manera mas detallada el problema que tengo, sera lo mejor.

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:

Código HTML:

<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:

Código HTML:

<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:

$("#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:

Código HTML:

<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.