ερωτηση για drop down list

madas · 6 Ιανουαρίου 2011

εχω φτιαξει ενα αρχειο html το οποιο εχει καποια πραγματα και εχω βαλει και μια drop down list με δυο επιλογες. αυτο που θελω να κανω ειναι το εξης: οταν επιλεγω την πρωτη επιλογη να μου εμφανιζει καποια πραγματα στη σελιδα (πχ καποιο κειμενο η μερικα checkboxes) και οταν επιλεγω την δευτερη επιλογη να μου εμφανιζει αλλα πραγματα. αυτο σκεφτηκα να το κανω γραφoντας ενα script (δουλευω σε javascript) το οποιο θα με οδηγει αναλογα με την επιλογη σε ενα αλλο html αρχειο το οποιο θα εχει τον ιδιο ακριβως κωδικα με το αρχικο(για να κρατησω ιδια οσα εχει ηδη η σελιδα) με επιπλεον ομως τον κωδικα των καινουριων πραγματων που θελω να προσθεσω (κειμενο, checkboxes).

1) σας φαινεται σωστος ο τροπος για αυτο που θελω να κανω????

2)υπαρχει αλλος τροπος για να γινει????

isay · 6 Ιανουαρίου 2011

Σωστά επέλεξες javascript με την οποία μπορείς να φορτώνεις τις νεες επιλογές χωρίς να χρειάζεται να πας σε άλλη σελίδα.

madas · 6 Ιανουαρίου 2011

Σωστά επέλεξες javascript με την οποία μπορείς να φορτώνεις τις νεες επιλογές χωρίς να χρειάζεται να πας σε άλλη σελίδα.

ωραια. αλλα πως ακριβως θα το κανω αυτο????

isay · 6 Ιανουαρίου 2011

ωραια. αλλα πως ακριβως θα το κανω αυτο????

Ενδεικτικά:

http://www.felgall.com/jstip22.htm

και

http://www.fiendish.demon.co.uk/html/javascript/listfill.html

madas · 6 Ιανουαρίου 2011

Ενδεικτικά:

http://www.felgall.com/jstip22.htm

και

http://www.fiendish.demon.co.uk/html/javascript/listfill.html

οκ.ευχαριστω για τη βοηθεια! πιστευω να βγαλω ακρη...

varemarious · 7 Ιανουαρίου 2011

το πρόβλημα μετά είναι πως θα πάρεις μετά τις τιμές που θα έχεις επιλέξει και να τις κάνεις post και να σταλούν με ένα mail....

εγώ εκεί έχω κολλήσει σε ένα αντίστοιχο που έχω φτιάξει..

Uberalles_gr · 7 Ιανουαρίου 2011

Για να ποστάρεις τις τιμές θα πρέπει να έχεις μία φόρμα.

Επομένως, εάν η φόρμα σου λέγεται "main" μέσα στην function της javascript γράφεις

>
document.add.action = "goto.html";
document.add.submit();

varemarious · 7 Ιανουαρίου 2011

ο κώδικας που έχω χρησιμοποιήσει είναι ο παρακάτω...

><head> 
   <script> 
       var countriesAndCites = new Array (); 
 
       countriesAndCites['Australia'] = ['Brisbane', 'Melbourne', 'Sydney']; 
       countriesAndCites['England'] = ['Liverpool', 'London', 'Manchester']; 
       countriesAndCites['Germany'] = ['Berlin', 'Hamburg', 'Munich']; 
       countriesAndCites['USA'] = ['Chicago', 'Los Angeles', 'New York']; 
 
       function ChangeSecondDropContent (select1, select2) { 
 
           var country = select1.options[select1.selectedIndex].text; 
           var select2 = document.getElementById (select2); 
 
           // removes all options from select 2 
           while (select2.options.length) { 
               select2.options.remove (0); 
           } 
 
           // adds new options to select 2 
           var countryArray = countriesAndCites[country]; 
 
           if (countryArray) { 
               for (var i=0; i < countryArray.length; i++) { 
                   var option = new Option (countryArray[i], i); 
                   select2.options.add (option); 
               } 
           } 
       } 
   </script> 
</head> 
<body> 
<body> 
 
   <select id="dropDown1" name="dropDown1" onchange="ChangeSecondDropContent(this, 'dropDown2');"> 
       <option value="0">-- Country --</option> 
       <option value="1">Australia</option> 
       <option value="2">England</option> 
       <option value="3" selected>Germany</option> 
       <option value="4">USA</option> 
   </select> 
 
 
   <select id="dropDown2" name="dropDown2"> 
       <option value="7" selected>Berlin</option> 
       <option value="8">Hamburg</option> 
       <option value="9">Munich</option> 
   </select> 
 
</body>

που θα προσθέσω το κώδικα σου ..

Uberalles_gr · 7 Ιανουαρίου 2011

>
<head> 
   <script> 
       var countriesAndCites = new Array (); 
 
       countriesAndCites['Australia'] = ['Brisbane', 'Melbourne', 'Sydney']; 
       countriesAndCites['England'] = ['Liverpool', 'London', 'Manchester']; 
       countriesAndCites['Germany'] = ['Berlin', 'Hamburg', 'Munich']; 
       countriesAndCites['USA'] = ['Chicago', 'Los Angeles', 'New York']; 
 
       function ChangeSecondDropContent (select1, select2) { 
 
           var country = select1.options[select1.selectedIndex].text; 
           var select2 = document.getElementById (select2); 
 
           // removes all options from select 2 
           while (select2.options.length) { 
               select2.options.remove (0); 
           } 
 
           // adds new options to select 2 
           var countryArray = countriesAndCites[country]; 
 
           if (countryArray) { 
               for (var i=0; i < countryArray.length; i++) { 
                   var option = new Option (countryArray[i], i); 
                   select2.options.add (option); 
               } 
           } 
       } 
   </script> 
</head> 
<body> 
<body> 

 <form name='myform' method='post' action='goto.html'>

   <select id="dropDown1" name="dropDown1" onchange="ChangeSecondDropContent(this, 'dropDown2');"> 
       <option value="0">-- Country --</option> 
       <option value="1">Australia</option> 
       <option value="2">England</option> 
       <option value="3" selected>Germany</option> 
       <option value="4">USA</option> 
   </select> 
 
 
   <select id="dropDown2" name="dropDown2"> 
       <option value="7" selected>Berlin</option> 
       <option value="8">Hamburg</option> 
       <option value="9">Munich</option> 
   </select>
   <input type="submit" name="Καταχώρηση" />
 </form>  
</body>

Όταν θα πατήσεις το κουμπί θα ποστάρει στην goto.html και τις τιμές τις παίρνεις με $_POST

Σύνδεση

ερωτηση για drop down list

Προτεινόμενες αναρτήσεις

madas

isay

madas

isay

madas

varemarious

Uberalles_gr

varemarious

Uberalles_gr

Αρχειοθετημένο

Σύνδεση