capturar datos de un formulario html

kazuki · #1 (**permalink**) 13/09/2009, 21:42

hola!, no se casi nada de javascript y lo poco que se lo he aprendido estos dias de manera intuitiva al verme obligado a hacer una web, asi que supongo que la consulta sera un poco estupida.

en este codigo al enviar el formulario devuelve el nombre de la lista de seleccion. ¿que tendria que modificar para que en vez de eso devuelva el nombre de la opcion seleccionada?
Gracias de antemano.

Código:

<html>
<head>
<script type="text/javascript">
function getName()
{
alert(document.getElementById("mySelect").name);
}
</script>
</head>
<body>

<form>
<select name="fruta" id="mySelect">
  <option name="manzana">Apple</option>
  <option name="pera">Pear</option>
  <option name="platano">Banana</option>
  <option name="naranja">Orange</option>
</select>
<input type="button" onclick="getName()" value="Alert the name of the dropdown list">
</form>

</body>
</html>

PD: codigo editado de w3schools

zerokilled · #2 (**permalink**) 13/09/2009, 23:33

en un formulario que utiliza <select>, al enviarse el navegador no utiliza el nombre de un <option>. por el contrario, utiliza el nombre del <select> y el valor (no el nombre) del <option> seleccionado para crear el par name=value. por lo que realmente el nombre del <option> nunca es utilizado. me imagino que de lo contrario el navegador tendria que crear tantos pares name=value segun la cantidad de <option> presente en el formulario.

ahora, si simplemente te interesa ver el nombre del <option> seleccionado, tienes que primero determinar cual opcion esta seleccionada mediante la propiedad selectedIndex el cual devuelve un indice que lo puedes utilizar dentro del objeto options:

Código:

alert(document.getElementById("mySelect").options[document.getElementById("mySelect").selectedIndex].name);

aqui una referencia completa de las propiedades y metodos de los <select>

kazuki · #3 (**permalink**) 14/09/2009, 07:58

no funciona lo que has puesto.
aun asi ¿no se puede capturar ningun otro valor como un "id", algo oculto que no sea lo que se muestre por pantalla?

realmente lo que tegno en mi web es una lista de nombres (extraidos de una base de datos) y quiero enviar el id(PRIMARY KEY de la lista de nombres)

zerokilled · #4 (**permalink**) 14/09/2009, 12:40

lamento no poderte ayudar, no comprendo muy bien el asunto ya que no estoy familiarizado con las base de datos de modo que no se donde deberia ir cada dato.

Adler · #5 (**permalink**) 14/09/2009, 13:15

Hola

Cita:

Iniciado por zerokilled

lamento no poderte ayudar, no comprendo muy bien el asunto ya que no estoy familiarizado con las base de datos de modo que no se donde deberia ir cada dato.

Tranquilo, no se entiende muy bien que es lo que quiere. Ahora respondiendo, por intuición mas que nada, a kazuki, necesitarás sacar las id e insertarlas en los option para poder ser enviadas o levantadas en un alert

Suerte

kazuki · #6 (**permalink**) 14/09/2009, 14:31

haber...
olvidando lo anterior(quise poner un ejemplo facil y fue peor).
tengo un formulario y en su interior un select.
en los option hay nombres de personas (con sus apellidos).
cada option tiene un id/nombre (este corresponde con el ID de la persona en la base de datos).

<option id="7584">Antonio Martinez<option>

ahora yo quiero direccionar a otra pag y enviar el id de la persona que fue seleccionada ...href="otrapagina.php?ID=7584"...

Adler · #7 (**permalink**) 14/09/2009, 14:43

Hola

Entonces esto es lo que necesitas

Código javascript:

Ver original<script type="text/javascript">
function getName(opt) {
if (opt != 0) 
window.location.href = "x.asp?menu=" +opt;
} 
</script>
</head>
<body>
<form>
<Select name="fruta" id="mySelect" onchange="getName(this.options[this.selectedIndex].value);">

Suerte

kazuki · #8 (**permalink**) 14/09/2009, 15:23

basandome en este ultimo ejemplo que han puesto. si selecciono la opcion "1" me manda a "x.asp?menu=1" y lo que quiero es que me mande a "x.asp?menu=jajaja"

espero que con esto ultimo se entienda lo que pretendo hacer

Código:

<html>
<head>
<script type="text/javascript">
function getName(opt) {
if (opt != 0) 
window.location.href = "x.asp?menu=" +opt;
} 
</script>
</head>
<body>
<form>
<Select name="fruta" id="mySelect" onchange="getName(this.options[this.selectedIndex].value);">
<option id="jajaja">1</option>
<option id="jojojo">2</option>
<option id="jijijiji">3</option>
</Select>
</form>
</body>
</html>

zerokilled · #9 (**permalink**) 14/09/2009, 15:29

eso porque el atributo que no es. en lugar de id tienes que utilizar value

caricatos · #10 (**permalink**) 14/09/2009, 15:34

Hola:

kazuki: No entiendo porqué te complicas tanto... te recomiendo que en los formularios dependas lo menos posible de javascript, ya que de otra manera se pueden considerar inaccesibles... Una buena práctica es darle preferencia a los scripts en el servidor, y complementarlos con los del navegador, pero el tratamiento de los selects es bastante sencillo... porqué no te conformas con los values en los options... un id en un option es de las cosas más absurdas que haya visto (no te vayas a enojar...)

Saludos

kazuki · #11 (**permalink**) 14/09/2009, 15:45

eh llorado cuando he visto que ya funciona (poniendo el "value") llevo desde ayer intentandolo
GRACIAS. y perdon por las incomprensiones anteriores