Per l'oggetto <select> c'è l'attributo size="n" con il quale si può scegliere il numero delle righe visibili; se le righe sono più di n compare il cursore della barra verticale che permette di renderle visibili.
Nell'esercizio che riporto la larghezza dell'oggetto select cambia con la lunghezza delle righe inserite o cancellate. Vorrei che la larghezza restasse costante e che eventualmente comparisse, all'occorrenza, un cursore di barra orizzontale analogo a quello della barra verticale.
Desidererei sapere se c'è anche un attributo che permetta di fissare la larghezza del tag select, o in pixel, o in numero di colonne. Grazie

lanvoel

codice:
<HTML>
<HEAD>
<SCRIPT TYPE="text/javascript">
function p()
{  
  var posiz=document.modulo.menu.selectedIndex;
  alert("stai per eliminare: "+document.modulo.menu.options[posiz].text);
}
function togli()
{ 
  if(document.modulo.menu.length>0)
  document.modulo.menu.options.remove(document.modulo.menu.selectedIndex);  
}
function aggiungi()
{ 
  n=prompt("inserisci una nuova riga ","riga"); 
  var nuova_opzione=new Option(n);
  document.modulo.menu.options.add(nuova_opzione,document.modulo.menu.length); 
}
</SCRIPT>
</HEAD>
<BODY bgcolor="beige">
<center>
<FORM NAME="modulo">
<fieldset name="fieldset1" style="background-color:'yellow'; width:300px; height:300px; text-align:center">
<legend>vedi, togli, aggiungi righe</legend>
<br>
<SELECT size="10" NAME="menu" onchange="p()" STYLE="background-color:'aqua';color:'navy'">
<OPTION SELECTED>Scegli una riga :</OPTION>
<OPTION>riga1</OPTION>
<OPTION>riga2</OPTION>
<OPTION>riga3</OPTION>
</SELECT>
<BR><br><br>
<INPUT TYPE="button" VALUE="cancella" onclick="togli()">
<br><br>
<INPUT TYPE="button" value="aggiungi" onclick="aggiungi()">
</fieldset>
</FORM>
</center>
</BODY>
</HTML>