Foro de elhacker.net

Programación => Desarrollo Web => Mensaje iniciado por: CWeeD en 3 Febrero 2011, 17:54 pm



Título: Selección aleatoria en Combobox?
Publicado por: CWeeD en 3 Febrero 2011, 17:54 pm
Saludos foreros! necesito saber como podría hacer para que un combobox muestre una selección diferente cada vez que se carga la página, no que los cree sino que de las opciones que hay, cada vez que se cargue la página me muestre una diferente...gracias de antemano


Título: Re: Selección aleatoria en Combobox?
Publicado por: Shell Root en 3 Febrero 2011, 23:08 pm
No entiendo, supongamos que tenemos esto:
Código
  1. var sArray = new Array(4);
  2. sArray[0] = 'Item 1';
  3. sArray[1] = 'Item 2';
  4. sArray[2] = 'Item 3';
  5. sArray[3] = 'Item 4';
  6. sArray[4] = 'Item 5';
  7.  
  8.  
  9. document.write("<select name = 'sComboBox'>");
  10. for (i=0; i<sArray.length; i++){
  11. document.write("<option>" + sArray[i] + "</option>")
  12. }
  13. document.write("</select>");

Y que cuando cargue la pagina se realice un RANDOM() con array's o con los ítem's del array?


Título: Re: Selección aleatoria en Combobox?
Publicado por: JungleBoogie en 4 Febrero 2011, 00:20 am
Algo cutrecillo y rapido:

Código:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Seleccion aleatoria de lista</title>
<script language="javascript">
function printHijos()
{
var hijos = document.getElementById("elementos").getElementsByTagName('option');
document.getElementById("opt"+ Math.floor(Math.random() * hijos.length)).setAttribute("selected","selected");
}
</script>
</head>

<body>
<label>
<select name="elementos" size="5" id="elementos">
  <option value="1" id="opt1">uno</option>
  <option value="2" id="opt2">dos</option>
  <option value="3" id="opt3">tres</option>
  <option value="4" id="opt4">cuatro</option>
</select>
<script language="javascript">
printHijos();
</script>
</label>
</body>
</html>