Obtener valor de <select> en javascript

Foro de elhacker.net

Programación

Desarrollo Web (Moderador: #!drvy)

Obtener valor de <select> en javascript

0 Usuarios y 1 Visitante están viendo este tema.

Páginas: [1]

Autor

Tema: Obtener valor de <select> en javascript (Leído 19,139 veces)

Geek7

Desconectado

Mensajes: 57

Be Free!

Obtener valor de <select> en javascript

« en: 23 Diciembre 2012, 11:20 am »

Tengo este codigo pero no me anda. Me dice en la consola "Cannot read property 'value' of null ".

Código

<!DOCTYPE html>
<html>
<head>
	<title>Convertidor</title>
<style type="text/css">
body {
width: 300px;	
font-family: Helvetica;
text-align: center;
}
input {
border: 3px dashed #000080;
}
input:hover {
background-color: #FFFF00;
color: #000080;	
}
#grados {
display: block;
padding: 0 0 8px 0;
color: #C00;
}
</style>
 
<script type="text/javascript" >
var grados = document.getElementById("grados");
var conv = document.getElementById("opcion");
 
function switchLetter() {
if (conv.options[conv.selectedIndex].value == 0) { // Aqui algo anda mal!!
	grados.innerHTML = "C";
} else {
	grados.innerHTML = "F";
	}
}
</script>
</head>
 
<body>
<form action="ex2.php" method="post"><fieldset><legend>Convertidor</legend>
<input type="text" name="grados" size="4" /> <sup>o</sup><div id="grados"></div>
Convert from <select id="opcion" onchange="switchLetter()">
<option value="0">Celsius a Fahr</option>
<option value="1">Fahr a Celsius</option>
</select></fieldset>
</form>
</body></html>


	En línea

#!drvy

Moderador

Desconectado

Mensajes: 5.855

Re: Obtener valor de <select> en javascript

« Respuesta #1 en: 26 Diciembre 2012, 17:21 pm »

Buenas,

Tu error es que ejecutas el javascript antes de que se haya cargado el DOM por completo.

Asi, var grados = document.getElementById("grados"), intenta obtener un objeto inexistente porque todavía no se ha cargado.

2 soluciones:

1. Obtener las variables dentro de la propia funcion.

Código

<script type="text/javascript">
var switchLetter = function() {
   var grados = document.getElementById("grados");
   var conv = document.getElementById("opcion");
 
   if (conv.options[conv.selectedIndex].value == 0) { // Aqui algo anda mal!!
      grados.innerHTML = "C";
   } else {
      grados.innerHTML = "F";
   }
}
</script>

2. Declarar la función (el script entero) antes de </body>. De esta manera, primero se cargaran los elementos y luego el script.

Saludos


	En línea

https://www.youtube.com/watch?v=oqKsrSXLR98

Draco Heroicus

Desconectado

Mensajes: 303

Re: Obtener valor de <select> en javascript

« Respuesta #2 en: 28 Diciembre 2012, 09:27 am »

Con jQuery

Código:

var valor =  $("#id_select").val();


	En línea

Draco Heroicus

Desconectado

Mensajes: 303

Re: Obtener valor de <select> en javascript

« Respuesta #3 en: 28 Diciembre 2012, 09:29 am »

para detectar el cambio

Código:

$("#opcion").change(function(){
    //Lo que pasa al haber un cambio
   var seleccionado = $(this).val;
});


	En línea

Páginas: [1]

Ir a:

Mensajes similares
	Asunto	Iniciado por	Respuestas	Vistas	Último mensaje
	Como Obtener valor de un textbox, desde un valor, hasta otro valor [VB6] Programación Visual Basic	revenge1252	4	6,821	17 Julio 2012, 09:38 am por BlackZeroX
	Como obtener valor de un Applet Java a una variabel javascript? Programación General	L0Ko	1	3,056	19 Agosto 2012, 06:50 am por sistemx
	javascript para Google Sheet obtener valor web Programación General	TheBlackInk	1	2,807	3 Agosto 2014, 18:46 pm por EFEX
	¿Obtener el valor de un select? PHP	SrTrp	2	6,294	7 Agosto 2017, 01:59 am por SrTrp
	[Resuelto] Obtener valor del texto y NO DEL Value del select PHP	Yaldabaot	1	2,529	21 Abril 2018, 20:56 pm por #!drvy