Formulario

Divit · #1 (**permalink**) 12/05/2012, 03:58

Buenas!

Estoy intentando cambiar un formulario de type="radio" a una lista. Mi problema es que no me funciona.

Ahora tengo:

<form name="controls">

<input type="radio" name="type" value="opcion1" onclick="search()">1<br/>
<input type="radio" name="type" value="opcion2" onclick="search()">2<br/>
<input type="radio" name="type" value="opcion3" onclick="search()">3<br/>

</form>

Y quiero convertirlo en un formulario tipo lista que al cambiar de opción me haga el onclick="search()"

Algo como:

<select name="type" onchange ="search()">

<option name="type" value="opcion1">1<br/>
<option name="type" value="opcion2">2<br/>
<option name="type" value="opcion3"">3<br/>

</select>

Alguien puede ayudarme?

gracias!!!

dreamkarkayu · #2 (**permalink**) 12/05/2012, 06:15

No se exactamente lo que pretendes hacer, pero creo que construyes mal el <select>. Prueba asi:

<select name="type" onchange ="search()">

<option name="type" value="opcion1">1</option>
<option name="type" value="opcion2">2</option>
<option name="type" value="opcion3">3</option>

</select>

Divit · #3 (**permalink**) 12/05/2012, 06:30

Gracias por la respuesta, pero ya lo tengo así y no me funciona.

Actualmente con el tipo "radio" me funciona. Al hacer click en el boton me carga el search() con la opcion escogida.

dreamkarkayu · #4 (**permalink**) 12/05/2012, 06:42

Cita:

Iniciado por Divit

Gracias por la respuesta, pero ya lo tengo así y no me funciona.

Actualmente con el tipo "radio" me funciona. Al hacer click en el boton me carga el search() con la opcion escogida.

Has puesto el <select> como te he indicado, no?? (quitas los <br /> y cierras <option>)

De todas formas tu pregunta deberia estar en el hilo de HTML o Javascript, no en el de PHP.

Prueba a depurar usando la consola de errores del Firefox o mejor, el Firebug.
Ahi te debe decir porque no se está ejecutando la función.

EDITO:

He probado y a mi me funciona bien con el cambio que te he indicado:

Código:

<!DOCTYPE>
<html>
  <head>
  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  <title></title>
  <script type="text/javascript">
     function search(){
       alert("dentro!");
     }
  </script>
  </head>
  <body>
  
  <form name="controls">

      <input type="radio" name="type" value="opcion1" onclick="search()">1<br/>
      <input type="radio" name="type" value="opcion2" onclick="search()">2<br/>
      <input type="radio" name="type" value="opcion3" onclick="search()">3<br/>


      <select name="type" onchange ="search()">
        <option name="type" value="opcion1">1</option>
        <option name="type" value="opcion2">2</option>
        <option name="type" value="opcion3">3</option>
      </select>

</form>

  </body>
</html>