Select ONCHANGE??

agressor · #1 (**permalink**) 13/12/2007, 08:19

Hola a todos tego una incognita en un select que esta tomando los valores de un tabla como haria para obtener el valor que cambia en ese select?? no se si me entienden cuando seleccione una de las opciones como haria para saber que opcion selecciono..??

adjunto el codigo..

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Search</title>
<link href="file:///C|/AppServ/www/css/stylesheet.css" rel="stylesheet" type="text/css" />

<link href="../../css/stylesheet.css" rel="stylesheet" type="text/css" />
<script>
function ocultarFila(num,ver) {
dis= ver ? '' : 'none';
tab=document.getElementById('tabla');
tab.getElementsByTagName('tr')[num].style.display=dis;
}
</script>
<style type="text/css">

</style>
</head>
<body onload="ocultarFila(2,false);ocultarFila(3,false); ocultarFila(4,false);ocultarFila(5,false);ocultarF ila(6,false);">
<div class="blur">
<div class="shadow">
<div class="content">
<form id="searchFrm" name="searchFrm" method="GET" action="results.php">
<table id="tabla" width="385" border="0" align="rigth">
<tr>
<td colspan="2"><span class="style7 style11 style12">Search By : </span><?php echo $clasification?></td>
</tr>
<tr>
<td height="37" colspan="2"><p class="style7 style11 style12">
<label>
<input type="radio" name="busqueda" value="1" onclick="ocultarFila(4,true);ocultarFila(5,false); ocultarFila(2,false);ocultarFila(3,false);ocultarF ila(6,false);" />
By Clasification</label>
<label>
<input type="radio" name="busqueda" value="2" onclick="ocultarFila(2,true);ocultarFila(3,true);o cultarFila(4,false);ocultarFila(5,false);ocultarFi la(6,false);" />
Knumber</label>
<label>
<input type="radio" name="busqueda" value="3" onclick="ocultarFila(4,false);ocultarFila(5,false) ;ocultarFila(3,false);ocultarFila(2,false);ocultar Fila(6,true);" />
Description</label>
<br />
</p></td>
</tr>
<tr>
<td width="150"><div align="right" class="style8 style7 style7 style11 style12">KNumber: </div></td>
<td width="225"><input name="search_criteria" type="text" id="search_criteria" size="14" /></td>
</tr>
<tr>
<td><div align="right" class="style7 style11 style12">
<input name="radiobutton" type="radio" value="begins" />
Begins with </div></td>
<td><span class="style7 style11 style12">
<input name="radiobutton" type="radio" value="contains" />
Contains
<input name="radiobutton" type="radio" value="endswith" />
Ends with </span></td>
</tr>
<tr>
<td><div align="right" class="style7 style11 style12">Clasification : </div></td>
<td><span class="style7 style11 style12">
<select onchange="<?php echo $clasification;?>" name="clasification">
<option value=""></option>
<?php RetrieveClasifications();?>
</select>
</span></td>
</tr>
<tr>
<td><div align="right" class="style7 style11 style12">Size : </div>
<div align="right" class="style7 style11 style12"></div></td>
<td><input name="textfield" type="text" size="3" /></td>
</tr>
<tr>
<td><div align="right" class="style7 style11 style12">Description : </div></td>
<td><input name="textfield2" type="text" /></td>
</tr>
<tr>
<td colspan="2"><div align="right">
<input type="submit" name="Submit" value="Search" />
</div></td>
</tr>
</table>
</form>
</div>
</div>
</div>
</body>

</html>

darkxer0x · #2 (**permalink**) 13/12/2007, 08:28

Poniendo $_POST['clasification']

agressor · #3 (**permalink**) 13/12/2007, 08:35

Noup nada aun lo que quiero es que cuando selecciones una opcion de las que estan en el select en el mismo formulario sin pasar a otra pagina me diga que seleccion hizo.. osea que cuando seleccione una opcion y luego otra me diga la actual seleccion.. no se si me doy a entender
pero gracias.. se te agradece tu ayuda..

GatorV · #4 (**permalink**) 13/12/2007, 09:48

Eso se hace con javascript para que puedas ver inmediatamente el valor que selecciono, te muevo al foro adecuado.

Saludos.

Txumai · #5 (**permalink**) 13/12/2007, 10:56

Para obtener el valor seleccionado deberás usar el value que tiene el value de la opción seleccionada (no el text que se ve de la opción): onchange="alert(this.value)"

agressor · #6 (**permalink**) 13/12/2007, 10:58

Hola a todos les agradezco la ayuda pero como haria para que se me guardara en una variable..?? mas o menos esto necesito ya que aqui me sale y todo pero necesito guardarlo en una variable para ver que campos mostrar y que no.. les agradezco de antemano...

function verseleccion()
{
var x=document.getElementById("clasification");
alert(x.selectedIndex);
}

<select onchange="verseleccion()" name="clasification">
<option value=""></option>
<?php RetrieveClasifications();?>
</select>

agressor · #7 (**permalink**) 13/12/2007, 12:49

Muchas gracis solo que me equivoque con respecto al id del SELECT no lo tenia y como javascript trabaja con mas detalle con los ID no me habia percatado de eso pero ya quedo bien muchas gracias por la ayuda a todos.. GRACIAS..!!

Salu2..

function verseleccion()
{
var x=document.getElementById("clasification");
alert(x.selectedIndex);
}

<select onchange="verseleccion()" id="clasification" name="clasification">