Select Menu/List Javascript IE

myles_ken · #1 (**permalink**) 02/07/2012, 04:12

Hola a todos,

Pues vengo para preguntar algo que me viene atormentando los últimos días... diría incluso semanas.

Pues bien, tengo un select menu/list con una serie de opciones (como este):

Código HTML:

<select name="Menu_Periodo_Tiempo" id="Menu_Periodo_Tiempo">
		      <option selected="selected"> Seleccione ventana temporal </option>
		      <option value="1 día">1 d&iacute;a</option>
		      <option value="7 días">7 d&iacute;as</option>
		      <option value="14 días">14 d&iacute;as</option>
		      <option value="28 días">28 d&iacute;as</option>
	  </select>

El objetivo es que cuando lance el formulario, antes recoja el valor del Select y SÓLO en caso de haber cambiado (haber escogido una opción) lo lance.

Pues bien, antes de lanzar el formulario hago la siguiente sentencia javascript:

Código:

var Select_Tiempo = document.forms.form1.Menu_Periodo_Tiempo.options[document.forms.form1.Menu_Periodo_Tiempo.selectedIndex].text;

He probado también:

Código:

var x=document.getElementById("Menu_Periodo_Tiempo").selectedIndex;
var y=document.getElementById("Menu_Periodo_Tiempo").options;
var Select_Tiempo= y[x].text;

PERO NO HAY MANERA DE QUE FUNCIONE EN INTERNET EXPLORER¡¡¡ Firefox, Chrome, Opera... pero Internet Explorer no funciona de ninguna manera. Es como si no aceptase coger el valor del Select. El último error que me aparece es:
"El objeto no acepta este valor o método" pero vamos, me ha dado errores diversos.

Se me ha ocurrido crear una variable en javascript que se modifique en el evento onchange del Select, pero tiene sus riesgos (y me fastidia que no haya algo más directo).

Algún experto sabría decirme si existe solución?

Gracias a todos de antemano...

emprear · #2 (**permalink**) 02/07/2012, 05:04

Me parece que te estás complicando las cosas

Código HTML:

Ver original<!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>
<title>titulo</title> 
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<script type="text/javascript">
//<![CDATA[
function validar(){
var elnombre = document.getElementById('nombre');
if(elnombre.value == ""){
alert('seleccione una opción');
return false;
}
}
//]]>
</script>
</head>
<body>
<form action="#" method="get" onsubmit="return validar()">
<p>
<select name="nombre" id="nombre">
<option value="">Seleccionar</option>
<option value="a">A</option>
<option value="b">B</option>
<option value="c">C</option>
</select>
<input type="submit" />
</p>
</form>
</body>
</html>

Si bien no usé onchange, me gustar´´ia saber de donde has sacado eso de que onchange implica riesgos
SAludos

myles_ken · #3 (**permalink**) 03/07/2012, 02:00

Hola Emprear,

Lo siento por la respuesta tardía y muchas gracias por responder.

Lo de onchage y el riesgo es respecto a mi código, posiblemente me expresase mal. Se me ocurrió alguna situación "rocambolesca" que podía resultar peligrosa. De momento no tengo nada en contra del onchange... xD.

Y respecto a la solución... bueno, tal vez si me esté complicando, pero me sigue resultando interesante sacar el ".text" del select menú en lugar del value. Además, no tengo el suficiente conocimiento para decir nada pero, utilizo un formulario tipo "post" (no sé si tiene algo que ver) y no sé si la estructura actual de mi código permite utilizar el evento onsubmit() del formulario (actualmente fuerzo el submit usando javascript). Insisto en que no lo sé, soy un semi-novato en estas lides.

EDITO: Quiero decir que por las comprobaciones y el flujo que realizo igual requiere muchos cambos emplear el onsubmit, es una página bastante grande.

Gracias por responder y no voy a desistir hasta encontrar la manera de sacar el ".text" en IE... acepto sugerencias por supuesto

Un saludo.

emprear · #4 (**permalink**) 03/07/2012, 07:44

Eso en si no representa mayores problemas

Código HTML:

Ver original<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">
function mostrarText(elemento)
{
var elText=elemento.options[elemento.selectedIndex].text;
alert("Texto del option: " + elText);
}
</script>
</head>
<body>
 
<form>
<select onchange="mostrarText(this)">
  <option>A</option>
  <option>B</option>
  <option>C</option>
  <option>D</option>
</select>
</form>
 
</body>
</html>

Funciona en todos los navegadores, IE no requiere ningún tratamiento especial

Saludos

furoya · #5 (**permalink**) 04/07/2012, 18:39

No sé si llego tarde. Como tampoco voy a aportar nada más valioso de lo que ya está, supongo que mi duda carece de importancia.

Hace poco preguntaron como obtener ..."algo" del <select>, Y yo puse esto, que no usa .text.
Lo dejo como una curiosidad.

Obtener propiedad marcada de un select y no su valor