carissimi,
mi sono ritrovato a scrivere un piccolo scriptino per ordinare alfabeticamente le voci di un tag select, ovviamente portando dietro i rispettivi value.
ecco qui la paginetta di prova:
codice:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>provola</title>
<script language="JavaScript" type="text/javascript">
<!--
function ordinaMenu() {
// array di appoggio
var appoggio=new Array();
// ricavo il vettore contenente gli elementi
var op=document.nomeform.nomemenu.options;
// travaso il tutto in appoggio
for (var i=0; i<op.length; i++) appoggio[i]=op[i].text+"|"+op[i].value;
// ordino appoggio
appoggio.sort();
// e ributto tutto nel tag select
for (var i=0; i<appoggio.length; i++) {
document.nomeform.nomemenu.options[i].text=appoggio[i].split('|')[0];
document.nomeform.nomemenu.options[i].text=appoggio[i].split('|')[1];
}
}
//-->
</script>
</head>
<body>
<form name="nomeform">
<select name="nomemenu">
<option value="Zora">Zora</option>
<option value="Luca">Luca</option>
<option value="Giovanni">Giovanni</option>
<option value="Alex">Alex</option>
<input type="button" onclick="ordinaMenu();" value="Ordina!" />
</select>
</form>
</body>
</html>
spero possa servire a qualcuno.
alla prossima! :)
Rispondi quotando
