Explorer y autoseleccionar ciertos items en un select multiple

luchosoto · #1 (**permalink**) 17/06/2010, 16:58

Hola a todos, soy nuevo en este foro y lo inauguro con algo que me esta haciendo arrancar los pelos de la cabeza.

He adaptado un script que, combinado con PHP, selecciona onload() solo ciertos items de un select/multiple (que tambien es alimentado por PHP). Todo funciona bien en Firefox, Chrome y Safari, pero en el inservible Internet Explorer me tira un error: "El objeto no acepta esta propiedad o método". Y por mas que trato de buscarle una solucion, no puedo. Por eso que he recurrido a este foro, a ver si alguien se apiada de este pobre programador amateur.

Muchas gracias de antemano y saludos!!

Aca les dejo el script: (deberia seleccionar los items uno, tres y cinco del select)

Código PHP:

  <html>

<head>

<script type="text/javascript">

function autoseleccionar() {

var opcionesASeleccionar = ['1','3','5'];

var cuadroSelect = document.getElementById('elegir');

 
for ( var i = 0, l = cuadroSelect.options.length, o; i < l; i++ )

{

  o = cuadroSelect.options[i];

  if ( opcionesASeleccionar.indexOf( o.value ) != -1 )

  {

    o.selected = true;

  }

}

}

 
</script>

</head>

 
<body onload="autoseleccionar();"> 

<select size="6" multiple="multiple" id="elegir">

  <option value="1">Uno</option>

  <option value="2">Dos</option>

  <option value="3">Tres</option>

  <option value="4">Cuatro</option>

  <option value="5">Cinco</option>

  <option value="6">Seis</option>

</select>

 
</body>

</html>

Adler · #2 (**permalink**) 18/06/2010, 05:53

Hola

Prueba así

Código Javascript:

Ver original<html>
<head>
<script type="text/javascript">
function autoseleccionar() {
var opcionesASeleccionar = ['1','3','5'];
var cuadroSelect = document.getElementById('elegir');
 
for (var i = 0; i < cuadroSelect.options.length; i++ )
{
  o = cuadroSelect.options[i];
 
for (j = 0; j < opcionesASeleccionar.length; j++) {
 
 
  if (o.value == opcionesASeleccionar[j])
  {
    o.selected = true;
  }
}
}
}
 
</script>
</head>
 
<body onload="autoseleccionar();"> 
<select size="6" multiple="multiple" id="elegir">
  <option value="1">Uno</option>
  <option value="2">Dos</option>
  <option value="3">Tres</option>
  <option value="4">Cuatro</option>
  <option value="5">Cinco</option>
  <option value="6">Seis</option>
</select>
 
</body>
</html>

Suerte