llenado de un combo

[lobo_php]

Bueno compas, estoy haciendo una caballada xD bueno necesito hacer que mi aplicacion, al ejecutarse un evento en html me genere un combo que se consulte en una base de datos esa info.

la consulta la hace en php entonces:

Código AJAX:

function ponerCnv(destino)//destino se llama el select
{
var ajax=otroAjax();
        ajax.open("GET", "ajax/func_add_user.php", true);
        ajax.onreadystatechange=function(){
            if (ajax.readyState==4){
                //document.getElementById(destino).value=ajax.responseText;
                var combo2 = document.getElementById('convenio');
                combo2.options[0] = ajax.responseText;//aqui es que no se como hacer
            }
        }
        ajax.send(null);
}
 

y en php la consulta es:

Código PHP:

$consulta_convenio="SELECT c.PCNITC, c.PCNOMC FROM SGDATOS.PCCON05F as c";
$rsc=odbc_exec($conectar,$consulta_convenio);
$c=0;
while (odbc_fetch_row($rsc)){
    $nom_convenio[$c]=trim(odbc_result($rsc,'PCNOMC'));
    $id_cnv[$c]=trim(odbc_result($rsc,'PCNITC'));
    //echo $nom_convenio[$c];
    //echo $id_cnv[$c];
    echo "<option value='$id_cnv[$c]'>$nom_convenio[$c]</option>";
    $c++;
}
 

algo me falta o estoy haciendo mal???

gracias por la ayuda

[David]

Por lo que veo, desde el servidor estás devolviendo las opciones con etiquetas HTML y todo. Por lo que habría que usar innerHTML para ingresarlos a la lista desplegable:

Código javascript:

combo2.innerHTML = ajax.responseText;
 

P.S.: ¿No envías ningún parámetro de filtrado al servidor en la petición? En ese caso tal vez no sea necesario usar AJAX , ya que podrías imprimir directamente las opciones al momento de cargar la página.

[lobo_php]

WOW! men que sabio eres, me funciono a la maravilla, la cosa que uso en ajax es por que no escribi todo lo que hacia, resulta que es mas o menos un select dependiente. cuando en otro combo que tengo se escoje x opcion se debe cargar este combo sin ningun filtro, solo todos los datos de una tabla.

emmm una cosita,,, no me funciona en IE!!! que hago?!

[eall]

lo mejor es generar el combo completo y lo asignas a un div que contenga el combo, asi en un principio tienes un combo vacío y luego, al seleccionar el otro combo, llenas el div con innerHTML con el combo generado.

a mi me funciona, aunque uso jQuery o xajax, pero seguro es lo mismo.

espero te ayude.

[lobo_php]

a mi ya me funciono como lo tengo y como me dijo david pero no me funciona en la CHUCHA DEL IE!! :@

[eulerss]

si no mal recuerdo, no te funciona porque debes de poner tu combo (select) dentro de un div

algo asi como

<div>
<select>tu ajax response aparecería aqui</select>
</div>

e igual lo metes con el innerHTML

saludos

[David]

La opción que te comenta eall es válida.

Otra forma también podría ser cambiar el formato en que devuelves el resultado. Devolver como XML (que es más fácil de procesar) o como texto (pero sin los <option>, más bien el texto y el value separados por un carácter, que puedes procesar usando split)

[lobo_php]

no entendi muy bien esa opcion me podrias ayudar? como q xml? de que forma?

en el script de php puedo definir variables con los valores que necesite, en el javascript con ajax como puedo tomar el valor de esas variables?

[eulerss]

como yo lo he hecho es que tu .php te devuelta algo asi como

<option> a </option>
<option> b </option>
etc y cuando uses tu javascript con el ajax, el ajax request te regresara esa salida de tu .php, una ves que la tengas, la agregas con un innerHTML a tu combo, si no te permite agregarla al combo es por lo que te comentaba en mi post anterior

saludos

[eall]

lo que yo te decía es que lo hicieras de esta forma:

Código javascript:

function ponerCnv(destino)//destino se llama el select
       {
               var ajax=otroAjax();
               ajax.open("GET", "ajax/func_add_user.php", true);
               ajax.onreadystatechange=function(){
                  if (ajax.readyState==4){
                      //document.getElementById(destino).value=ajax.responseText;
                      var combo2 = document.getElementById('divConvenio'); //Este div contiene el select completo
                      combo2.options[0] = ajax.responseText;//aqui es que no se como hacer
                  }
              }
              ajax.send(null);
      }
 

Código php:

$consulta_convenio="SELECT c.PCNITC, c.PCNOMC FROM SGDATOS.PCCON05F as c";
$rsc=odbc_exec($conectar,$consulta_convenio);
$c=0;
 
$str = "<select id='convenio' name='convenio'>";
while (odbc_fetch_row($rsc)){
    $nom_convenio[$c]=trim(odbc_result($rsc,'PCNOMC'));
    $id_cnv[$c]=trim(odbc_result($rsc,'PCNITC'));
    //echo $nom_convenio[$c];
    //echo $id_cnv[$c];
    $str .= "<option value='$id_cnv[$c]'>$nom_convenio[$c]</option>";
    $c++;
}
$str .= "</select>";
 
echo $str;
 

Código html:

<div id="divConvenio"><select id="convenio"><option value="">Elija Convenio</option></select></div>
 

Creo que eso te podría ayudar.

Esop.

[lobo_php]

bueno como no entendi muy bien hice lo mas facil pero creo q mas largo xD

lo hice asi:

Código PHP:

$consulta_convenio="SELECT c.PCNITC, c.PCNOMC FROM SGDATOS.PCCON05F as c";
$rsc=odbc_exec($conectar,$consulta_convenio);
$c=0;
$info="";
while (odbc_fetch_row($rsc)){
    $nom_convenio[$c]=trim(odbc_result($rsc,'PCNOMC'));
    $id_cnv[$c]=trim(odbc_result($rsc,'PCNITC'));
    //echo $nom_convenio[$c];
    //echo $id_cnv[$c];
    //echo "<option value='$id_cnv[$c]'>$nom_convenio[$c]</option>";
    $info = $info.$id_cnv[$c].":".$nom_convenio[$c].";";
    $c++;
}
echo $info;
 

eso en el .php y en el javascript me toco esto:

Código JAVASCRIPT:

if (ajax.readyState==4){
                //document.getElementById(destino).value=ajax.responseText;
                var combo2 = document.getElementById('convenio');
                var info_todo = ajax.responseText;
                var info_cu = info_todo.split(';');
                var vector = info_todo.split(';');
                var y=0;
                for(y=0;y<=vector.length-2;y++){
                    var convenio = vector[y].split(':');
                    var opcion = new Option(convenio['1'],convenio['0']);
                    combo2.options[y] = opcion;
                }
            }
 

y ahora me funciona tanto en Firefox como en IE



ahora tengo dos problemas:

el primero que es el mas sencillo (creo yo) para solucionar es que hago lo siguiente segun un evento:

Código JAVASCRIPT:

function habilitar_cencos(valor){
    if(valor=="1"){
        alert("remove readonly");
        document.getElementById("cencos").removeAttribute('readonly');
    }
    if(valor=="0"){
        document.getElementById("cencos").value = "";
        document.getElementById("cencos").setAttribute('readonly', 'readonly');
    }
    //document.getElementById("cencos").setAttribute('readonly', valor);
}
 

lo que hace este codigo es que depende del valor que tenga la variable 'valor' quita en un input text su parametro 'readonly' es decir, deja escribir o no deja escribir, lo bueno es q en firefox me funciona, lo malo es que en IE no me funciona xD


el otro punto es el siguiente:

Código javascript:

if(bandera=="0"){
        //borramos de nuevo
        var combo1 = document.getElementById('convenio');
        var n = combo1.options.length;
        var j=0;
        for(j;j<=n;j++){
            combo1.options[j]=null;
        }
    }
 

ahi quito todas las opciones del select, lo raro es q tanto en FF como en IE me las va quitando de a 2 o 3 cuando se repite el evento, no me las quita de una, en el for que va de 0 a 9 me carga hasta el 4, luego hasta el 2 luego hasta el 1 y luego si se desaparece todo.