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

Κώδικας, πληροφορίες, ερωτήσεις και απαντήσεις σχετικές με την JavaScript.

Συντονιστές: WebDev Moderators, Super-Moderators

Απάντηση
trilos021
Δημοσιεύσεις: 131
Εγγραφή: 04 Νοέμ 2003 18:06

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

Δημοσίευση από trilos021 » 22 Αύγ 2011 21:43

Καλησπέρα...θα ήθελα τα φώτα σας σχετικά με τη διαχείρηση περιεχομενου μιας φόρμας με 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 &#40;var i=0; i < tmima_iwanninwn.length;++i&#41;&#123;
        
        addtmima&#40;document.aitisi.tmima, tmima_iwanninwn&#91;i&#93;, tmima_iwanninwn&#91;i&#93;&#41;;
&#125;
&#125;else &#123;
        
        for &#40;var i=0; i < tmima_athinas.length;++i&#41;&#123;
                
        addtmima&#40;document.aitisi.tmima, tmima_athinas&#91;i&#93;, tmima_athinas&#91;i&#93;&#41;;
        &#125;
        
&#125;
&#125;

Κώδικας: Επιλογή όλων

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

Κώδικας: Επιλογή όλων

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

Άβαταρ μέλους
fafos
Script Master
Δημοσιεύσεις: 6234
Εγγραφή: 30 Νοέμ 2004 03:09

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

Δημοσίευση από fafos » 22 Αύγ 2011 22:26

den einai toso aplo... melethse to parakato:

Κώδικας: Επιλογή όλων

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-7">
<meta http-equiv="Content-Style-Type" content="text/css">
<title></title>
<script>
var tmimata = new Object&#40;&#41;
	tmimata&#91;"tmima_iwanninwn"&#93; = &#91;&#123;
			value &#58; "Χημικό",
			text &#58; "Χημικό"
		&#125;, &#123;
			value &#58; "Μαθηματικό",
			text &#58; "Μαθηματικό"
		&#125;
	&#93;;

tmimata&#91;"tmima_athinas"&#93; = &#91;&#123;
		value &#58; "Πληροφορικής",
		text &#58; "Πληροφορικής"
	&#125;, &#123;
		value &#58; "Φιλολογία",
		text &#58; "Φιλολογία"
	&#125;, &#123;
		value &#58; "Νομική",
		text &#58; "Νομική"
	&#125;
&#93;;

function addtmima_list&#40;chooser&#41; &#123;
	var newElem;
	var where = &#40;navigator.appName == "Microsoft Internet Explorer"&#41; ? -1 &#58; null;
	var univercityChooser = chooser.form.elements&#91;"tmima"&#93;;
	while &#40;univercityChooser.options.length&#41; &#123;
		univercityChooser.remove&#40;0&#41;;
	&#125;
	var choice = chooser.options&#91;chooser.selectedIndex&#93;.value;
	var db = tmimata&#91;choice&#93;;
	newElem = document.createElement&#40;"option"&#41;;
	newElem.text = "Επέλεξε ένα τμήμα";
	newElem.value = "";
	var tmima = document.getElementById&#40;"tmima"&#41;
		tmima.disabled = false;
	if &#40;choice == ''&#41; &#123;
		tmima.disabled = true;
		newElem.text = "Επέλεξε πρώτα ένα πανεπιστήμιο";
	&#125;	
	univercityChooser.add&#40;newElem, where&#41;;
	if &#40;choice != ""&#41; &#123;
		for &#40;var i = 0; i < db.length; i++&#41; &#123;
			newElem = document.createElement&#40;"option"&#41;;
			newElem.text = db&#91;i&#93;.text;
			newElem.value = db&#91;i&#93;.value;
			univercityChooser.add&#40;newElem, where&#41;;
		&#125;
	&#125;
&#125; 

</script>
</head>
<body>
<form>
	<select name="panepistimio" id="panepistimio" onchange="addtmima_list&#40;this&#41;">
		<option value="" selected>Επέλεξε ένα πανεπιστήμιο</option>
		<option value="tmima_iwanninwn">Πανεπιστήμιο Ιωαννίνων</option>
		<option value="tmima_athinas">Πανεπιστήμιο Αθηνών</option>
	</select>
	<label for="tmima"></label>
	<select name="tmima" id="tmima" disabled="disabled">
		<option value="" selected>Επέλεξε πρώτα ένα πανεπιστήμιο</option>
	</select>
</form>
</body>
</html>
Οι πάνες και οι πολιτικοί πρέπει να αλλάζονται συχνά για τον ίδιο λόγο...

Απάντηση

Επιστροφή στο “JavaScript και Frameworks”

Μέλη σε σύνδεση

Μέλη σε αυτήν τη Δ. Συζήτηση: Δεν υπάρχουν εγγεγραμμένα μέλη και 2 επισκέπτες