Enviar Valor ComboBox(html) por Ajax

JoNhNaTaN · #1 (**permalink**) 18/09/2009, 21:50

Hola en mi post:
http: //www .forosdelweb.com/f77/problema-ajax-ocn-ie6-solucion-736630/
pude solucionar mi problema de operatividad del ajax con el IE6, pero despues me di cuenta un problemita: EL AJAX PARECE NO RECONOCER AL COMBO SI SE ABRE LA APLICACION EN EL IE6, NO MANDA DATOS, es como si el combo estuviera vacio, pero en firefox si funciona chevere.

bueno aca mi codigo HTML...

Código HTML:

Ver original<&#37;[arroba]page contentType="text/html" pageEncoding="iso-8859-1"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http: // www . w3 . org/TR/html4/loose.dtd">
 
<html>
    <head>
<!-- ACA PONGO EL CODIGO AJAX DE ARRIBA -->     
 
        <!--<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">-->
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
        <title>MOVIMEINTO DE LIBROS</title>
        <script language='javascript' src="popcalendar.js"></script>
        <link href="estilo.css" rel="stylesheet" type="text/css">
    </head>
    <body>
        <div id="contenedor">
            <div class="background">        
                    <center>
                        <marquee>
                            <p class="titulos">AJAX Y JSP + SERVLETS</p>
                        </marquee>
                    </center>       
            </div>
 
            <div id="contenido"><br />
                <br>
                <p>&nbsp;</p>
                <div id="centra">
                <form name="form1" action="ServletLibro" method="post">
                    Codigo Libro:<input type="text" name="codigo" value="" id="codigo" />
                    <br><br>
                    Nombre del Lector:<input type="text" name="lector" value="" id="lector" />
                    <br><br>
                    Libro:<input type="text" name="libro" value="" id="libro" />
                    <br><br>
 
 
[COLOR="Red"]                    Tipo Movimiento:<select name="tipo" id="tipo">
                        <option id="mov">Reserva</option>
                        <option id="mov">Prestamo</option>
                        <option id="mov">Devolucion</option>
                    </select>[/COLOR]
 
 
                    <br><br>
                    Fecha Movimiento:<input name="nombre_de_la_caja" type="text" id="dateArrival" onClick="popUpCalendar(this, form1.dateArrival, 'mm-dd-yyyy');" size="10">
                    <br><br><br>
                    <input type="button" value="Enviar" onclick="Enviar();" name="enviarAjax">
                </form> 
 
                <div id="Respuesta_Libro" tex-align="center" style=" position:absolute; top:auto; left:auto; tex-align:center;">
 
                    <!-- Este DIV contendra la respuesta enviada por el Servlet -->
 
                </div>
 
            </div>            
        </div>
    </body>
</html>

Aca mi codigo Ajax:

Código ajax:

Ver original<script language="javascript" type="text/javascript">           
            function Enviar() { 
                var httpReq;
                //Si es Mozilla, Opera, etc...
                if (window.XMLHttpRequest)
                {
                    httpReq = new XMLHttpRequest();
                }
                else //Internet Explorer lo expone como control Active X
                {
                    httpReq = new ActiveXObject("Microsoft.XMLHTTP");
                }
 
                http = httpReq;
 
                http.onreadystatechange = function () {
                    if ( http.readyState == 4 && (http.status == 200 || window.location.href.indexOf ("http")==- 1)) {
                        document.getElementById("Respuesta_Libro").innerHTML = http.responseText;
                    } else {
                        "procesando..."
                    }
                };
 
                http.open("GET", "ServletLibro?codigo=" + document.getElementById("codigo").value +"&lector="+ document.getElementById("lector").value +"&libro="+ document.getElementById("libro").value +"&tipo="+ [COLOR="Red"]document.getElementById("tipo").options[document.getElementById("tipo").selectedIndex].value[/COLOR] + "&fecha=" + document.getElementById("dateArrival").value, true);
                http.send(null);
 
                return (true);
            }
        </script>

Me vota un valor vacio... De ante mano muchas gracias...

Adler · #2 (**permalink**) 19/09/2009, 15:23

Hola

Edito por que cuando estás enviando las vars aparece esto

tipo="+ [ color = " Red " ] document.getElementById("tipo")

pero he caido en que ha sido un error al hacer el foro el replace

Edito2
Las option del select no tienen valor
<input id="mov" value="1">Reseva</option>

Suerte