Mi super duda form

Rodrysss · #1 (**permalink**) 18/11/2009, 09:10

Buenas a todos, estoy intentando crear un formulario bastante simple, pero yo no tengo ni idea, tengo este código, nose si estará bien o mal, os lo pego:

<form id="form1" name="form1" method="post" action="">
<label><span class="asd">Serie: </span>
<select name="serie" id="serie">
<option value="dragonball" selected="selected">Dragon Ball</option>
<option value="dragonballz">Dragon Ball Z</option>
<option value="dragonballgt">Dragon Ball GT</option>
</select>
<span class="asd">Ver capítulo Nº</span>
<input name="buscarcapitulo" type="text" id="buscarcapitulo" value="" readonly="readonly" />
</label>
<label>
<input type="submit" name="Buscar" id="Buscar" value="Buscar" />
</label>
<br />
</form>

Lo que yo intento es lo siguiente:

1º aparece una lista ( 3 opciones ) despues un campo de texto y un boton de enviar

Lo que yo intento es que al seleccionar una opción, y despues intruducir un numero en el campo de texto, al darle al enviar me lleve a esa pagina.

por ejemplo, selecciono la opcion 1 de la lista, en el campo de texto pongo el numero 120 y al darle al enviar me lleve a la pagina 1_120.html

Supongo que será facilito pero la verdad esque yo de programación no tengo ni idea. Muchas gracias de antemano y ojalá podais resolverme la duda

un saludo a todos y todas y mil gracias

blogger · #2 (**permalink**) 18/11/2009, 10:04

Te falta especificar la pagina a donde quieres que se vaya la informacion del form, eso se hace poniendo el nombre de la pagina en action="", si la quieres mandar a la pagina que mencionas seria así action="1_120.html".

Pero si lo que quieres es validar la información del formulario, para luego enviarlo a una pagina de acuerdo a las opciones que escogió el usuario, entonces simplemente remplaza el 1_120.html por el nombre de la pagina que valida.

_Ju · #3 (**permalink**) 18/11/2009, 11:19

Creo que es algo poco mas complejo de lo que menciona blogger, ya que tendrias que cambiar el "action" del form con Javascript, asi cuando selecciones cualquier opcion del select se cambie el valor del action.

Rodrysss · #4 (**permalink**) 18/11/2009, 14:44

Nose si me habeis entendido bien, siento si me he explicado mal.

1º sale una lista ( 1,2,3 opciones )
2º Un campo dodne se puede escribir texto
3º un boton de enviar

si en la lista se selecciona 1, y en el campo de texto se escribe por ejemplo 130
al darle a enviar, que me redireccione a la pagina 1_130.html
Es decir segun lo que se elija en la lista y se escriba en el campo de texto te mande a esa página...que tendria que cambiar del codigo que he pegado?

Un saludo y mil gracias

rodrigo791 · #5 (**permalink**) 18/11/2009, 14:53

si amigo te falta la pagina a donde enviaras los datos...
<form action="envienme_datos.php" .....>
.......
<form/>

Rodrysss · #6 (**permalink**) 18/11/2009, 15:40

Lo siento, soy muy corto, solo con poner
<form action="envienme_datos.php" .....>
ya me manda a lo que he dicho antes? no creo que sea asi, algo tendre que sustituir
como le digo que coja 1º la informacion de las 3 opciones y que coja tambien los numeros del campo de texto ? para que sea x_xxx.html ( ej. 1_130.html

lo siento otra vez

Rodrysss · #7 (**permalink**) 18/11/2009, 15:44

os pongo otra vez el codigo que tengo,

<form id="form1" name="form1" method="post" action="">
<label><span class="asd">Serie: </span>
<select name="serie" id="serie">
<option value="1" selected="selected">Dragon Ball</option>
<option value="2">Dragon Ball Z</option>
<option value="3">Dragon Ball GT</option>
</select>
<span class="asd">Ver capítulo Nº</span>
<input name="buscarcapitulo" type="text" id="buscarcapitulo" value="Numero de capitulo" />
</label>
<label>
<input type="submit" name="Buscar" id="Buscar" value="Buscar" /><br />

</label>

<br />
</form>

Rodrysss · #8 (**permalink**) 18/11/2009, 15:47

vale, yo arriba en mi codigo tengo action=""

que es lo que tendria que poner para que coja el value ( 1,2 o 3 ) y que coja tb lo que hay escrito en el campo de texto

d forma de que lo transforme x_xxx.html ?

Myakire · #9 (**permalink**) 18/11/2009, 16:12

Un código será más claro

Checa este, el lo que _Ju te mencionó, el único chiste es formar el action del form dinamicamente.

Código javascript:

Ver original<html>
<head>
<script>
function ChangeAction(){
  var vAction = document.getElementById('serie').value + '_' + document.getElementById('buscarcapitulo').value + '.html'
    document.forms[0].action = vAction
    document.forms[0].submit();
}
</script>
</head>
<body>
<form id="form1" name="form1" method="post" action="">
<label><span class="asd">Serie: </span>
<select name="serie" id="serie">
<option value="1" selected="selected">Dragon Ball</option>
<option value="2">Dragon Ball Z</option>
<option value="3">Dragon Ball GT</option>
</select>
<span class="asd">Ver cap&#237;tulo N&#186;</span>
<input name="buscarcapitulo" type="text" id="buscarcapitulo" value="Numero de capitulo" onfocus="this.value=''"/> 
</label>
<label>
<input type="button" name="Buscar" id="Buscar" value="Buscar" onclick="ChangeAction()"/><br />
 
</label>
 
<br />
</form>
 
 
</body>
</html>

Saludos

Rodrysss · #10 (**permalink**) 18/11/2009, 17:00

Mil gracias, va perfecto!!!! gracias maquinas!!!