javascript και περιεχόμενο φόρμας

[trilos021]

Καλησπέρα...θα ήθελα τα φώτα σας σχετικά με τη διαχείρηση περιεχομενου μιας φόρμας με javascript.Exω δύο listboxes όπου επιλέγοντας ένα στοιχείο απο το πρώτο να εμφανίζεται το αντίστοιχο περιεχόμενο στο δεύτερο.πχ:Στο πρώτο listbox περιέχει 2 πανεπιστήμια...ανάλογα με το πανεπιστήμιο που θα διαλέξει ο χρήστης να εμφανίζει στο δεύτερο listbox τα αντίστοιχα τμήματα. Έχω φτιάξει το παρακάτω script αλλά αν επιλέξω τη α επιλογή απο το πρώτο listbox και μετά τη β επιλογή προστίθεντε όλα τα τμήματα στο δεύτερο listbox...Καμια ιδέα???(θέλω να το κάνω ΜΟΝΟ με javascript)

 

>
//δημιουργία περιεχομένου σε listbox
function addtmima(selectbox,text,value )
{
var optn = document.createElement("option");
optn.text = text;
optn.value = value;
selectbox.options.add(optn);
}

//--------------------------------------------------------------------------------------
//εισαγωγή τμημάτων μέσω πίνακα
function addtmima_list(selectbox){

var tmima_iwanninwn = new Array("Χημικό","Μαθηματικό");
var tmima_athinas = new Array("Πληροφορικής","Φιλολογία","Νομική");

if (document.getElementById("panepistimio").value == 1){

for (var i=0; i < tmima_iwanninwn.length;++i){

addtmima(document.aitisi.tmima, tmima_iwanninwn[i], tmima_iwanninwn[i]);
}
}else {

for (var i=0; i < tmima_athinas.length;++i){
	
addtmima(document.aitisi.tmima, tmima_athinas[i], tmima_athinas[i]);
}

}
}

 

 

>
<select name="panepistimio" id="panepistimio" disabled="disabled" OnChange="addtmima_list()" >
       <option value="1">Πανεπιστήμιο Ιωαννίνων</option>
       <option value="2">Πανεπιστήμιο Αθηνών</option>
     </select>

>
<label for="tmima"></label>
     <select name="tmima" id="tmima" disabled="disabled">
     </select>

[Uberalles_gr]

>
<script type="javascript">
function myfunction(selectbox)
{
 if (selectbox == "")
 {
    documet.getElementById("mydata").innerHTML = "";
 }
 else if (selectbox == "1")
 {
    documet.getElementById("mydata").innerHTML = "<select id="myselectbox"><option value=''>Παρακαλώ επιλέξτε</option><option value='1'>Επιλογή 1</option><option value='2'>Επιλογή 2</option></select>";
 }
 else if (selectbox == "2")
 {
    documet.getElementById("mydata").innerHTML = "<select id="myselectbox"><option value=''>Παρακαλώ επιλέξτε</option><option value='3'>Επιλογή 3</option value='4'><option>Επιλογή 4</option></select>";
 }
}
</script>

<select name="panepistimio" id="panepistimio" OnChange="myfunction(this.value)" >
 <option value="">Παρακαλώ επιλέξτε</option>
 <option value="1">Πανεπιστήμιο Ιωαννίνων</option>
 <option value="2">Πανεπιστήμιο Αθηνών</option>
</select>

<div id="mydata"></div>

 

Βέβαια το έκανα αρκετά βιαστικά. Μπορείς να χρησιμοποιήσεις και πίνακες όπως το έκανες για να φτιάξεις τα option ΜΕΣΑ στα select box αλλά βαριόμουνα να το κάνω

[trilos021]

φίλε μου μια χαρα!!να σε καλα και σ ευχαριστώ πολύ!

[Uberalles_gr]

Όπως σου είπα μπορείς να το εξελίξεις είτε με το να χρησιμοποιήσεις πίνακες (όπως σου είπα και πριν) είτε να χρησιμοποιήσεις ajax