combobox que se llena mediante php y se uestra mediante mysql

[summerblack]

Hola chicos resulta que hice un combobox que se llena con datos de una base de datos de la siguiente forma:

Código HTML:

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

Hasta ahi.. todo super bien, lo que quisiera es q al recargar la pagina me muestre los combobox ya llenos (ps en la pagina hay mas de un combobox).



lo que he logrado hasta ahora es que despues de dar 3 clics!! me los llame mediane ajax (supongo que es por los readyState==4), y deberia ser al dar 1 clic.. de hecho deberia ser cuando cargue la pagina..

el codigo JS es :

Código HTML:

function llenarSelectC()
{
    
    queryCodigo = "accion=selectCliente";  
    peticion.open("POST", "Ayudas/funciones.php", true);
    peticion.setRequestHeader("Content-Type", "application/x-www-form-urlencoded"); 
    peticion.onreadystatechange = function()    
    {
            if (peticion.readyState==4 && peticion.status==200) 
            {   
        document.getElementById('selectC').innerHTML = peticion.responseText;
            }   
    }
    peticion.send(queryCodigo); 
}
 
document.getElementById('selectC').onClick = llenarSelectC;
 

Pues quisiera saber cual es la manera correcta de:

llenar el select al hacer click sobre la flechita del combobox (lo cual lo hace pero luego de 3 clicks) o llenar el select al recargar la pagina.