Buongiorno a tutti.
Sto uscendo pazzo con una funzione e quindi provo a chiedervi aiuto.
Partiamo dall'inizio:
Mi sto creando pagina php per la creazione di una lista di album.
Volevo Creare una sezione per le discografie quindi mi ritrovo un tasto "aggiungi album" che richiama una funzione che inserisce tra i tag <tbody> i dati necessari quante volte si preme il tasto.
Fin qua tutto funzione ma vorrei comandare tramite checkbox la selezione del formato.
Quindi mi ritrovo con la seguente lista in html:
codice:
<select name="formato" id="formato">
	<optgroup id="norm">
	<option value="MP3"> MP3 </option> 
	<option value="M4A"> M4A </option> 
	<option value="AAC"> AAC </option> 
	<option value="OGG"> OGG </option>
	<option value="WMA"> WMA  </option>
	</optgroup>
	<optgroup id="loss">
	<option value="Flac"> Flac </option>
	<option value="Wav"> WAV </option>
	<option value="APE"> APE </option>
	<option value="LA"> LA </option>
	</optgroup>
</select>
Ora nella mia funzione vorrei inserire i 2 optgroup come sopra e poi comandarli, come già detto da un checkbox.
Quindi se io premo sul checkbox "losless" la funzione "accoda" dovrebbe spostarmi sul secondo optgroup (loss) disabilitando il primo (norm)
Attualmente la mia funzione (riassunta solo per la parte interessata) è la seguente:
codice:
<script language="JavaScript" type="text/javascript">
<!--
var num=2;
function accoda(){
	if(document.createElement && document.getElementById && document.getElementsByTagName) {
		// crea elementi
			//formato			
			var oTr5=document.createElement("TR");
			var oTd9=document.createElement("TD");
			var oTd10=document.createElement("TD");
			var inputtag5 = document.createElement('select');
			var option = document.createElement('option');
			option.value = '0';
			option.appendChild(document.createTextNode('MP3'));
			inputtag5.appendChild(option);
			option = document.createElement('option');
			option.value = '1';
			option.appendChild(document.createTextNode('M4A'));
			inputtag5.appendChild(option);
			option = document.createElement('option');
			option.value = '2';
			option.appendChild(document.createTextNode('AAC'));
			inputtag5.appendChild(option);
			option = document.createElement('option');
			option.value = '3';
			option.appendChild(document.createTextNode('OGG'));
			inputtag5.appendChild(option);
			option = document.createElement('option');
			option.value = '4';
			option.appendChild(document.createTextNode('WMA'));
			inputtag5.appendChild(option);
			option = document.createElement('option');
			option.value = '5';
			option.appendChild(document.createTextNode('Flac'));
			inputtag5.appendChild(option);
			option = document.createElement('option');
			option.value = '6';
			option.appendChild(document.createTextNode('WAV'));
			inputtag5.appendChild(option);
			option = document.createElement('option');
			option.value = '7';
			option.appendChild(document.createTextNode('APE'));
			inputtag5.appendChild(option);
			option = document.createElement('option');
			option.value = '8';
			option.appendChild(document.createTextNode('LA'));
			inputtag5.appendChild(option);
			var formtext=document.createTextNode("Formato "+num);
			// setta attributi
			inputtag5.setAttribute("name","formato"+num);
			//Grassetto
			oTd9.style.fontWeight = 'bold';
			oTd10.style.fontWeight = 'bold';
			// appendi al relativo padre
			oTd9.appendChild(inputtag5);
		    oTd10.appendChild(formtext);
			oTr5.appendChild(oTd9);
			oTr5.appendChild(oTd10);
			// scrivi in tabella
			document.getElementById('tabella').getElementsByTagName('TBODY')[0].appendChild(oTr5);
			num++
			}
}
//-->
</script>
Vi chiedo... come posso inserire la parte relativa all'optgroup in modo da renderlo uguale alla parte html postata sopra?
Per il checkbox poi mi arrangio io.

Vi Ringrazio