Error: al enviar datos de form a un js en firefox

josmanu_31 · #1 (**permalink**) 26/12/2011, 15:54

Buen dia:

Estoy ya con este problema una semana y no encuentro la solucion, y por eso recurro a ustedes para ver como me ayudan, de antemano gracias por las respuestas.

Tengo un formulario donde tengo dos select's autocompletados (cuando escribo una letras esta se empieza a autocompletar) filtrados de una base de datos, el detalle es cuando quiero caputar su valor del select no captura, lo que da coraje es que sale en IE, pero en Firefox no, le envio parte del codigo en html y js

Codigo Html

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento sin t&iacute;tulo</title>
<link rel='stylesheet' type='text/css' href='css/estilos.css'>
<link type="text/css" rel="stylesheet" href="css/dhtmlgoodies_calendar.css?random=20051112" media="screen"></link>
<link rel='stylesheet' type='text/css' href='css/dhtmlxcombo.css'>
<script>
    window.dhx_globalImgPath="images/";
</script>
<script type="text/javascript" src="js/dhtmlxcommon.js" language='javascript' runat='server'></script>
<script type="text/javascript" src="js/dhtmlxcombo.js" language='javascript' runat='server'></script>
<script type='text/javascript' src='js/afi_padron.js' language='javascript' runat='server'></script>
<SCRIPT type="text/javascript" src="js/dhtmlgoodies_calendar.js?random=20060118"></script>
<style type='text/css'>
input
{
    font-size: 10pt;
    font-family: Arial;
    border-style: solid;
    border-width: 1px;
    color: #5B6469;
    border-color:#6699FF;
}
select
{
    font-size: 10pt;
    font-family: Arial;
    border-style: solid;
    border-width: 1px;
    color: #5B6469;
    border-color:#6699FF;
}
</style>
</head>
<body>
<?php
    $condicion=$_SESSION['f_admin'];
    $condicion=2;
    if($condicion==0)
    {
        $procedure = "call sp_Establecimientos()";
        $sp_ccpp="call sp_CCPP()";
    }
    elseif($condicion==1)
    {
        $cod_microred=$_SESSION['codmicred'];
        $cod_microred='200';
        $procedure="call sp_EstablecimientoxRed('".$cod_microred."')";
        $sp_ccpp="call sp_CCPPxRed('".$cod_microred."')";
        
    }
    else
    {
        $cod_microred=$_SESSION['codmicred'];
        $cod_microred='201';
        $procedure="call sp_EstablecimientoxMicrored('".$cod_microred."')";
        $sp_ccpp = "call sp_CCPPxMicroRed('".$cod_microred."')";
    }
    require ('cn_bd/conex.php');
    $sql = mysqli_query($con, "select max(idt_empad) from t_empadronado;") or die(mysqli_error());
    while($row = mysqli_fetch_array($sql))
    {
        $fila=$row['idt_empad'];
    }
    if($fila==NULL)
    {
        $fila='0000001';
    }
    else
    {
        $fila='000000'.$fila+1;
    }
?>
<table width="580" border="0" align="center" cellpadding="0" cellspacing="0">
<form id="frm_afipadron" name="frm_afipadron" method="post" action="">
    <tr>
      <td>
            <fieldset id='fld1'>
                <legend align="left">PADRON NOMINADO</legend>
                <div id='afipadron_nro'>
                  <table width="177" border="0" align="right" cellpadding="0" cellspacing="0">
                    <tr>
                      <td width="84" class="top_textp" align="right">Nro:</td>
                      <td width="132">
                        <input name="cod_afipad" type="text" id="cod_afipadron" size="15" value="<?php echo $fila;?>"/>
                      </td>
                    </tr>
                  </table>  
              </div>
              <br />
              <table width="580" border="0" cellspacing="0" cellpadding="0">
                  <tr>
                    <td><p><img src="images/tlinea.png" width="578" height="7" />
                  </tr>
            </table>
            
            <div id='fldere'>
                <fieldset id='derecha'>
                    <legend align="left" class="texto7">Centro Poblado</legend>
                    <table width="270" border="0" cellpadding="0" cellspacing="0">
                    <tr>
                        <td height="23">
                        <?php
                            require ('cn_bd/conex.php');
                            $sql = mysqli_query($con, $sp_ccpp) or die (mysqli_error($con));
                            echo "<select name='select_ccpp' id='select_ccpp' style='width:267px'>";
                            echo "<option value='0'></option>";
                            while ($row = mysqli_fetch_array($sql))
                            {
                                echo "<option value=\"".$row['ubigeot_ccpp']."\">".$row['nombret_ccpp']."</option>\n";
                            }
                            echo "</select>";
                          ?>
                          </td>
                  <script>
                    var z=dhtmlXComboFromSelect("select_ccpp");
                    z.enableFilteringMode(true);     
                  </script>
                    </tr>
                    </div>
                </fieldset>
            </div>
            <div id='flizq'>
                <fieldset id='izquierda'>
                    <legend align="left" class="texto7">Establecimiento de Salud</legend>
                    <table width="265   " border="0" cellpadding="0" cellspacing="0">
                    <tr>
                        <td height="23">
                        <?php
                            require ('cn_bd/conex.php');
                            $sql = mysqli_query($con, $procedure) or die (mysqli_error($con));
                            echo "<select name='select_eess' id='select_eess' style='width:267px'>";
                            echo "<option value='0'></option>";
                            while ($row = mysqli_fetch_array($sql))
                            {
                                $nombre=$row['nomdest_estab'];
                                $nombre=eregi_replace("PUESTO DE SALUD","P. S.",$nombre);
                                $nombre=eregi_replace("CENTRO DE SALUD","C. S.",$nombre);                           
                                echo "<option value=\"".$row['idt_estab']."\">".$nombre."</option>\n";
                            }
                            echo "</select>";
                          ?></td>
                        <script>
                            var z=dhtmlXComboFromSelect("select_eess");
                            z.enableFilteringMode(true);     
                        </script>
                    </tr>
                    </table> 
                </fieldset>
            </div>          
            <img src="images/tlinea.png" width="578" height="7" />
      </td>
<div align="center">
              <input type="button" name="grb_empad" value="Grabar" onclick="grb_afipadron(); return false"/>
              <input type="reset" name="Cancelar" value="Cancelar" />
             </div>
    </tr>
  <tr>
  </form>
</table>
</body>
</html>

Codigo AJAX

Código Javascript:

Ver originalfunction objetoAjax()
{
    var xmlhttp=false;
    try 
    {
        xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
    }
    catch (e) 
    {
        try 
        {
           xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
        }
        catch (E) 
        {
            xmlhttp = false;
        }
    }
    if (!xmlhttp && typeof XMLHttpRequest!='undefined') 
    {
        xmlhttp = new XMLHttpRequest();
    }
    return xmlhttp;
}
 
function grb_afipadron()
{
    nro_empa = document.frm_afipadron.cod_afipad.value;
    cod_ccpp = document.frm_afipadron.select_ccpp.value;
    cod_eess = document.frm_afipadron.select_eess.value;
    alert(doc_ccpp);
alert(doc_eess);
    ajax=objetoAjax();
    ajax.open("POST", "sp_afipadgrb.php");
    ajax.onreadystatechange=function() 
    {
        if (ajax.readyState==4) 
        {
            divFormulario.innerHTML = ajax.responseText
            divFormulario.style.display="block";
        }
    }
    ajax.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
    //ajax.send(.....);
}

el detalle es con es codigo cod_ccpp = document.frm_afipadron.select_ccpp.value; en IE funciona pero en firefox no, haber si me dan los pasos para solucionar

dggluz · #2 (**permalink**) 26/12/2011, 22:37

No estoy seguro, pero me parece que no estás obteniendo el valor del select como se debe (te conviene pasar por este artículo). Lo que hay que hacer para obtener el valor de un select es obtener el valor de la opción seleccionada del mismo:

Código Javascript:

Ver originalvar valor=select.options[select.selectedIndex].value

¡Suerte!

josmanu_31 · #3 (**permalink**) 27/12/2011, 11:04

Gracias por responder:

Aunque ya habia probado anteriormente este codigo, igual no me funciona, lo probe de esta manera:

Código Javascript:

Ver originalfunction grb_afipadron()
{
    var indice = document.frm_afipadron.sele_ccpp.selectedIndex;
    var cod_ccpp = document.frm_afipadron.sele_ccpp.options[indice].value;
    alert (cod_ccpp);
}

en IE sale este error:
Detalles de error de página web

Mensaje: No se puede obtener valor de la propiedad 'undefined': el objeto es nulo o está sin definir
Línea: 210
Carácter: 5
Código: 0
URI: http://localhost/sis_padron/content/js/afi_padron.js

y en Firefox:
document.frm_afipadron.sele_ccpp is undefined

Retero, utilizo un select autocompletado filtrando de una bd.
El detalle que cuando dejo de utilizar el select autocompletado si funciona.
Haber si me dan la mano con este problema, gracias

caricatos · #4 (**permalink**) 27/12/2011, 12:56

Hola:

Cita:

Iniciado por dggluz

... Lo que hay que hacer para obtener el valor de un select es obtener el valor de la opción seleccionada del mismo:

Código Javascript:

Ver originalvar valor=select.options[select.selectedIndex].value

¡Suerte!

Es válido obtener el value directamente desde el control sin necesidad de obtener su selectedIndex (yo mismo lo puse en nuestras FAQs)... incluso se pueden activar los controles con la asignación directa...

Lo que tengo claro es que los cambios en los controles muchas veces son problemáticos... no me extrañaría que no se hubiese generado correctamente.

Saludos

josmanu_31 · #5 (**permalink**) 27/12/2011, 14:12

Hola Caricatos:

Anteriormente probe con value desde el control del select con el siguiente codigo

Código Javascript:

Ver originalcod_ccpp = document.frm_afipadron.select_ccpp.value;

resulta que con esto obtengo el valor en IE pero no en firefox, recuerda que este select es autocompletado.
Otra cosa mas, trate de obtener el valor con el otro codigo, pero tambien me da error tanto en firefox como en IE

caricatos · #6 (**permalink**) 27/12/2011, 15:54

Hola:

Como te comenté antes, los forms o sus controles generados dinámicamente suelen dar bastantes problemas. Te cuento qué podemos hacer... poner ese form en una capa (basta con poner un tag div antes del tag form, y por supuesto, no olvidarte de cerrarlo...) con un id, y cuando quieras usarlo y sabes que te provoca el error, volcar su contenido en un textarea (supongo que sabrás hacerlo)

Así podrás ver como se queda ese form (si se quedan bien los controles: name, value...)

Saludos

josmanu_31 · #7 (**permalink**) 05/01/2012, 10:08

Hola caricatos

Estuve haciendo las pruebas que me recomendastes

Código HTML:

Ver original<div id='padron_afi'>
<form id="frm_afipadron" name="frm_afipadron" method="post" action="">
codigo
:
:
:
:
</form
</div>

trate de llevar el error a un textarea, veo que los controles quedan, tanto en los selects y en los imputs, pero el detalle es cuando en el la funcion de js saco los valores de los selects, no recupera.

Estuve rebisando el codigo y al parecer es porque el select autocompletable utiliza un jquery y que dentro de una de las funciones definidas dentro de este jquery cambia el nombre al select, pues probe con esta funcion dentro del select
Onclick='mi_funcion(this.id)'
y sabemos que esta daria como resultado el nombre del id del select, pero no es asi, sino que bota el error: document.nom_formulario.nom_select is undefined
Un poco para explicar y haber si me recomiendan con otro select autocompletable que no cambie el nombre del select.
Saludos.