[HTML/Javascript] Ottimizzare le dimensioni di una pagina contenente tante <SELECT>

[trapanator]

In una mia pagina ho una serie di <SELECT> (select box) che hanno gli stessi
valori (anche se hanno nome diverso).

Esempio:

<SELECT name="Scelta1">
<LISTA OPTION>
</SELECT>

<SELECT name="Scelta2">
<LISTA OPTION>
</SELECT>

<SELECT name="Scelta3">
<LISTA OPTION>
</SELECT>

Queste select hanno la stessa lista dei valori, che è molto lunga (>50
elementi). Sapete come posso creare un "riferimento" alla lista, anziché
riprodurre la stessa lista per ogni SELECT, in HTML o in Javascript?

Ciò per ottimizzare il caricamento della pagina che ha dimensioni
ragguardevoli (130KB, occupati soprattutto dai <SELECT>).

Qualche idea?

[eXeS]

<html>
<head>
<script>
function writeOpts() {
 var weekDay = new Array("Lunedì","Martedì","Mercoledì","Giovedì","Venerdì","Sabato","Domenica");

 for (int i=0; i<weekDay.length; i++) {
  document.writeln("<option>" + optArray[i]);
 }
}
</script>
</head>
<body>
<select name="aaa">
<script>writeOpts();</script>
</select>
</body>
</html>

Via javascript potresti intanto che ci sei, creare anche i tag select

[trapanator]

Originariamente inviato da eXeS

<html>
<head>
<script>
function writeOpts() {
 var weekDay = new Array("Lunedì","Martedì","Mercoledì","Giovedì","Venerdì","Sabato","Domenica");

 for (int i=0; i<weekDay.length; i++) {
  document.writeln("<option>" + optArray[i]);
 }
}
</script>
</head>
<body>
<select name="aaa">
<script>writeOpts();</script>
</select>
</body>
</html>

Via javascript potresti intanto che ci sei, creare anche i tag select

mi dà errore sulla riga:

for (int i=0; i<weekDay.length; i++) {


Errore: int is a reserved identifier

[eXeS]

<html>
<head>
<script>
function writeOpts() {
 var weekDay = new Array("Lunedì","Martedì","Mercoledì","Giovedì","Venerdì","Sabato","Domenica");

 for (var i=0; i<weekDay.length; i++) {
  document.writeln("<option>" + weekDay[i]);
 }
}
</script>
</head>
<body>
<select name="aaa">
<script>writeOpts();</script>
</select>
</body>
</html>

Azz... javascript non è tipizzato... te l'ho corretto, ora funge...

[cionci]

Giusto...in questo modo sposti sul client il trasferimento della liste nelle varie select... Dal server viene trasferita solo una copia per ogni lista...

[trapanator]

Originariamente inviato da cionci

Giusto...in questo modo sposti sul client il trasferimento della liste nelle varie select... Dal server viene trasferita solo una copia per ogni lista...

grazie sai per quale sito sto utilizzando questo "trucco", vero?

[cionci]