salve a tutti,
vorrei creare degli optgroup dinamicamente in un select ed inserire all'interno i suoi option del tipo
<form name=DATI>
<select name="mioselect">
<optgroup label="lettera A">
<option value="">Andrea</option>
<option value="">Adriano</option>
<option value="">Annalisa</option>
</optgroup>
<optgroup label="Lettera B">
<option value="">Barbara</option>
<option value="">Bruno</option>
</optgroup>
</select>

se dovevo creare solo gli option utilizzo :
***************************************
obj = document.DATI.mioselect;
var opt = document.createElement("option");
opt.text = "Andrea";
opt.value = "";
obj.options[obj.length] = opt;
***************************************

Ho provato anche con 'var opt = document.createElement("optgroup");'
e successivamente creo gli option ma mi crea solo il primo optgroup. Tutto il resto viene inserito unicamente all'interno di esso.
Qual metodo devo usare per crearne piu' di uno?
Grazie