Ver Mensaje Individual
  #11 (permalink)  
Antiguo 18/07/2014, 08:55
Avatar de Alexis88
Alexis88
Philosopher
 
Fecha de Ingreso: noviembre-2011
Ubicación: Tacna, Perú
Mensajes: 5.552
Antigüedad: 12 años, 5 meses
Puntos: 977
Respuesta: Mostrar contenido de select-option en un input text

Si los quieres pasar directamente al enviar el formulario y sin hacer más, te va a tocar agregarlos como inicialmente los tenías, pero también puedes capturar esos valores y con un poco de JavaScript los envías.

Código Javascript:
Ver original
  1. var form = document.getElementsByTagName("form")[0], //El formulario
  2.     select = form.getElementsByTagName("select")[0]; //El combo
  3.  
  4. form.addEventListener("submit", function(event){ //Cuando intente enviar los datos
  5.     event.preventDefault(); //Cancelo el envío
  6.  
  7.     var nombre = select.options[this.selectedIndex].innerHTML,
  8.         id = select.value,
  9.         comentario = select.options[this.selectedIndex].getAttribute("data-comentario"),
  10.         url = document.URL; //La dirección actual,
  11.         base_url = url.substring(0, url.indexOf("?")); //La URL sin la query string
  12.  
  13.     window.location = base_url + "?nombre=" + nombre + "&id=" + id + "&comentario=" + comentario;
  14. }, false);

Lo que hago es lo siguiente. Primero, tomo al formulario y al combo de opciones, luego, cuando envíe los datos del formulario, cancelo el evento que se produce (submit), tomo los valores de la opción seleccionada y la URL actual, pero como envías los datos hacia la misma página, solamente tomo la base de la URL, obviando la query string. Finalmente, hago una redirección hacia la misma página pero enviando los valores capturados.

Saludos
__________________
«Juro por mi vida y mi amor por ella, que jamás viviré para el provecho de otro hombre, ni le pediré a otro hombre que viva para el mío».

Ayn Rand