ayudita con select que se llena de la base de datos

[summerblack]

Hola amigos el dia de hoy vengo por aqui porque estoy teniendo problemas con llenar un select, resulta que tengo un select que se llena mediante la base de

datos, pero quiero que el primer campo del select sea el que esta actual en la tabla de clientes, es decir que mediante el select se pueda editar en caso de

que sea necesario cambiarle a un cliente especifico la empresa a la que pertenece

tabla opciones mysql
cod Nombre
1___empresa1
2___empresa2
3___empresa3
4___empresa4

ahora tengo la tabla clientes
cod nombres id_opciones
10__jorge____1
20__mario____2
30__carlos____2

para imprimir los clientes

Código HTML:

echo '<table class="tablas" id="tblContactos">';
echo '<tr>';
echo '<td>DOCUMENTO</td>';
echo '<td>NOMBRES</td>';
echo '</tr>';
 
while ($fila = mysql_fetch_assoc($resultado))
    {
     echo '<tr>';
     echo '<td>'.$fila['cod'].'</td>';
     echo '<td contenteditable="true">'.$fila['nombres'].'</td>';
 
        $query = "SELECT Nombre
                        FROM clientes,opciones 
                        WHERE cod='".$fila['cod']."'
                        AND clientes.id_opciones=opciones.cod;"; 
 
        $row = mysql_fetch_assoc($sql->query($query));
    echo '<td><select id="selector" onchange="llenar()"><option>'.$row['Nombre'].'</option></select></td>';
    echo '</tr>';
    }
 

este es mi codigo js

f

Código HTML:

unction llenar()
{  
    ajax= Ajax();
    ajax.open("POST", "ejecuta.php", true);
    ajax.setRequestHeader("Content-Type", "application/x-www-form-urlencoded"); 
    ajax.onreadystatechange = function()
    {   
    if (ajax.readyState==4){
        document.getElementById('selector').innerHTML = ajax.responseText;
        
            }
    }
    
    ajax.send(null);    
}
 

y esto va en el codigo de ejecuta.php

Código PHP:

$sql=new MySql;
        $query= "SELECT * FROM opciones";
        $resultado=$sql->query($query);
        echo '<select name= "selector" id="selector">';
        echo '<option value= ""></option>';
        while ($fila=mysql_fetch_array($resultado))
        {       
            echo '<option value= "'.$fila["cod"].'">'.$fila["Nombre"].'</option>'; 
        }   
        echo '</select>';
 

el problema principal es que toca darle como 3 click para que me muestre las opciones, cuando selecciono una opcion esta desaparece y no se cual es la razon, gracias si alguien me puede ayudar.

[maycolalvarez]

primero corrija el error al implementar AJAX, debe evaluar (ajax.status==200) junto con (ajax.readyState==4) para descartar eso

(ajax.readyState==4) && (ajax.status==200)

consulte un manual de AJAX

[summerblack]

Error corregido pero es raro que pueda seleccionar pero que al dar click me borre la opcion como si se reiniciara la funcion.. me quivoque al escribir unction llenar(), pero en mi codigo esta bien: function llenar()

[maycolalvarez]

no, no es raro, porque en ningún momento cuando construye dicho select, establece al option indicado como selected y para ello, como mínimo debe de pasar al AJAX el valor por defecto si no me equivoco.

consulte la estructura de un <select> en HTML y el atributo selected de los <option>

[summerblack]

aaaaah muchisimas gracias voy a probar