Ho fatto delle modifiche. In poche parole devi generare tutte le categorie. In effetti ho fatto in modo che la seconda listbox si popoli automaticamente senza dovere rimandare la pagina.
Ho messo il mio nick dove ho fatto le modifiche.
codice:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>.: Inserisci Nuova Tipologia :.</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="Level2_Verdana_Text.css" rel="stylesheet" type="text/css">
<SCRIPT src="js/function_tag.js" type=text/javascript></SCRIPT>
<style type="text/css">
<!--
.hidden {position:absolute;left:-1000px;top:-1000px}
-->
</style>
<script language="JavaScript" type="text/javascript">
<!--
function popolaCategoria(aAzienda) {
destSel = document.getElementById('IDcategoria');
while (destSel.length != 0) {
destSel.options.remove(destSel.length - 1);
} // while (destSel.length != 0)
var srcSel = document.getElementById(aAzienda);
for (i=0;i<srcSel.length;i++) {
var curOpt = srcSel.options.item(i);
var newOpt = document.createElement('OPTION');
destSel.options.add(newOpt);
newOpt.value = curOpt.value;
newOpt.innerText = curOpt.innerText;
} // for (i=0;i<srcSel.length;i++)
} // function popolaCategoria(aAzienda)
//-->
</script>
</head>
<body>
<div align='center'>
<div style='width: 80%; BORDER: #cccccc 2px solid; padding-top: 10px; padding-left: 10px; padding-right: 10px; background-color: #ffffff; -moz-border-radius:10px;' align='center'>
<font size ='4'>.: Inserisci Nuova Tipologia :.</font>
<select id="lita" class="hidden">
<optgroup label="Settori">
<option value='Farmaceutica' >Farmaceutica</option>
<option value='Imbottigliamento'>Imbottigliamento</option>
</optgroup>
</select>
<select id="Pippo" class="hidden">
<optgroup label="Settori">
<option value='Settore pippo1' >Settore pippo1</option>
<option value='Settore pippo2' >Settore pippo2</option>
</optgroup>
</select>
<select id="Procomac" class="hidden">
<optgroup label="Settori">
<option value='Settore Procomac1' >Settore Procomac1</option>
<option value='Settore Procomac2' >Settore Procomac2</option>
</optgroup>
</select>
</div>
<div style='width: 80%; BORDER: #cccccc 2px solid; padding-top: 10px; padding-left: 10px; padding-right: 10px; background-color: #ffffff; -moz-border-radius:10px;' align='center'>
<form name="form_1" method="POST" action="/portfolio/nuova_tipologia.php?categoria=Imbottigliamento&azienda=Lita&tipologia_new=" ENCTYPE="multipart/form-data">
Aziende :
<select id="IDazienda" name="azienda" onchange="popolaCategoria(this.value)">
<optgroup label="Aziende">
<option value='Lita' selected>Lita</option>
<option value='Pippo' >Pippo</option>
<option value='Procomac' >Procomac</option>
</optgroup>
</select>
Settori :
<select id="IDcategoria" name="categoria">
</select>
Nuova Tipologia :
<input type="text" name="tipologia_new" value="">
<hr>
<font size ='4'>Immagine Logo Tipologia : </font>(solo jpg/gif/png)
<input type="file" name="file_binario" size="54">
Descrizione :
<textarea name="descrizione" cols="50" rows="7"></textarea>
<input title="Bold" type="button" onclick="tbold('descrizione');" value="Bold" />
<input title="A Capo" type="button" onclick="tbr('descrizione');" value="A Capo" />
<input title="Sottolineato" type="button" onclick="tu('descrizione');" value="Sottolineato" />
<input title="Italic" type="button" onclick="ti('descrizione');" value="Italic" />
<input title="Link" type="button" onclick="tlink('descrizione');" value="Link" />
<input title="Image" type="button" onclick="tImage('descrizione');" value="Image" />
<input name="reset" type="button" value="Reset" title="Reset descrizione" onClick="document.form_1.descrizione.value='';">
<input name="controllo" type="submit" value="Inserisci" title="inserisci">
</form>
</div>
</div>
| Menù | Lista Aziende |
<script language="JavaScript" type="text/javascript">
<!--
popolaCategoria("lita")
//-->
</script>
</body>
</html>
Rispondi quotando
