Usar formulario cargado en DIV con AJAX

[sjam7]

Hola, tengo una mini aplicacion con ajax y ASP el cual carga el resultado de una consulta en un div, dentro del resultado van unos campos de formulario, los cuales no me pasan el valor al formulario que abarca el DIV, seria algo asi:

<form>
campos
campos
<div id="resultado">
</div>
campos
botonsubmit
</form>

Dentro del div resultado se carga un valor que mando desde un archivo ASP, al enviar el formulario me manda los campos fuera del div solamente

Como pudiera mandar junto con los otros campos los valores de los campos dentro del DIV?

Ojala me haya explicado y me puedan orientar, realmente no se mucho de AJAX... ¿se nota?

Por si las dudas les paso los archivos que utilizo de AJAX:

Código javascript:

function GetXmlHttpObject(handler)
{
   var objXMLHttp=null
   if (window.XMLHttpRequest)
   {
       objXMLHttp=new XMLHttpRequest()
   }
   else if (window.ActiveXObject)
   {
       objXMLHttp=new ActiveXObject("Microsoft.XMLHTTP")
   }
   return objXMLHttp
}
 
function stateChanged(proceso, caja)
{
   if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete")
   {
//    document.getElementById(caja).innerHTML= xmlHttp.responseText;
    document.getElementById(caja).innerHTML=proceso
   }
   else {
     //alert(xmlHttp.status);
   }
}
 
// Will populate data based on input
function htmlData(url, caja, qStr)
{
   if (url.length==0)
   {
       document.getElementById(caja).innerHTML="";
       return;
   }
   xmlHttp=GetXmlHttpObject()
   if (xmlHttp==null)
   {
       alert ("Su navegador no soporta este tipo de procedimiento, por favor actualice el mismo.");
       return;
   }
   
   url=url+"?"+qStr;
   url=url+"&sid="+Math.random();
//   xmlHttp.onreadystatechange=stateChanged;
   xmlHttp.onreadystatechange=function() { stateChanged( xmlHttp.responseText, caja); }   
   
   xmlHttp.open("GET",url,true) ;
   xmlHttp.send(null);
}
 

Y lo llamo asi:
<input name="cantidad" id="cantidad" type="text" onkeyup="htmlData('cambia.asp', 'extras' , 'en=35&cant='+cantidad<%=rss("id")%>.value)" />

[GatorV]

Para que se envien esos datos tienen que estar dentro de un campo del formulario, no basta que esten en un div, tienen que estar o en un campo hidden, o en un textbox o algún otro control.

Saludos

[sjam7]

por eso aclare que son campos de formulario tambien, no estan en texto sino en campos de formulario tipo checkbox y selects

[David]

Si te fijas, eres tú quien especificas cuáles campos se envían (a través del parámetro qStr de la función htmlData), si no lo especificas allí, no se enviarán.

¿O es que el resultado que obtienes contiene algunos campos que al enviar el formulario no se envían? ¿Es eso lo que quieres decir? Deberían funcionar sin problemas si tienen un name apropiado.

[sjam7]

pues si es eso y no se mandan :S

[David]

Dinos cuál es el resultado, qué es lo que tienes dentro del div, ya que así a ciegas es difícil saber qué podría ser el problema.

[sjam7]

pues el resultado es que se mandan los campos fuera del DIV pero no los que estan dentro del mismo

seria algo asi:
<form>
campo
campo
<div>
campo
campo
</div>
campo
</form>

la parte en negritas es el div y la que no se manda

[GatorV]

Insisto con David adivinar el porque sin ver un caso practico es muy complicado. Por otro lado como dice David, si no envias tu el parámetro es difícil que PHP lo pueda rescatar.

Saludos

[sjam7]

Bueno, el resultado de la consulta AJAX es una serie de campos checkbox y selects, este es un ejemplo de resultados:

Código html:

<input name="extraso_11" value="1" id="extraso_1" type="checkbox">Doble queso - $5.00<br>
            
                <input name="extraso_11" value="2" id="extraso_2" type="checkbox">Tocino - $5.00<br>
            
                <input name="extraso_11" value="6" id="extraso_6" type="checkbox">Queso - $0.00<br>
 
<select name="extrass_11">
        <option value="">Selecciona una opcion</option>
                <option value="3_11_10"> Coca-cola - $10.00</option>
                <option value="4_11_10"> Fanta - $10.00</option>
                <option value="24_11_15"> Sprite - $15.00</option>
        </select>
 

Los checkbox los tengo nombrados iguales por que se pueden escoger varias opciones para un solo producto, la cosa es que el SELECT si me manda el valor, pero el checkbox lo recibo como undefined

El boton de envio lo tengo asi:
<input src="agregar.gif" onclick="htmlData('agrega.asp', 'carrito' , 'ac=1&amp;n=1&amp;id=1&amp;prod=11&amp;cant=1&amp; extraso_11='+extraso_11.value+'&amp;extrass_11='+e xtrass_11.value)" type="image">

y los campos los recibo con estos resultados usando ASP
ac:1
n:1
extraso_11:undefined
id:1
prod:11
cant:1
extrass_11:3_11_10

[David]

Es que extraso_11 no puedes usarlo directamente por el name, ya que hay varios, si quieres usar por el name deberías especificar el índice, o sea, extraso_11[0], extraso_11[1], extraso_11[2]... y así sucesivamente.

[sjam7]

lo que pasa es que la cantidad de esos campos es dinamica, habra productos que tengan 1 otrs 5 otros ninguno, habia visto que si se les pone el mismo nombre te manda el resultado separado por comas por eso lo puse asi...

entonces como deberia de quedar?

[David]

Deberías hacer un bucle para recorrer todos los campos y añadirlos al resultado.

Código javascript:

for (i=0; elem = document.formulario.extraso_11[i]; i++) {
    if (elem.checked) {
        resultado += "&extraso_11[]=" + elem.value;
    }
}