option επιλογή επηρεάζει άλλη option επιλογη

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

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

Απάντηση
abeautifulmind
Δημοσιεύσεις: 319
Εγγραφή: 02 Μάιος 2010 18:04

option επιλογή επηρεάζει άλλη option επιλογη

Δημοσίευση από abeautifulmind » 08 Μαρ 2014 00:38

Καλημέρα σε όλους.
Προσπαθώ να φτιάξω μία φόρμα εγγραφής όπου θα έχει μία oprtion επιλογή με χώρες όπου ο χρήστης με το που επιλέξει μία χώρα να φορτώνει σε ένα option τις αντίστοιχες πόλεις της χώρας από την βάση μου και θα πρέπει να επιλέξει και πόλη.Υπάρχει μήπως κάποιο plug in? Σε μία φόρμα είδα πρόσφατα ότι (χωρίς να θέλω να κάνω διαφήμιση bet365.gr στην εγγραφή) βάζεις Τ.Κ οδό και αριθμό και στο βρίσκει αυτόματα με ένα κουμπάκι(Μήπως είναι ggogle maps plug in τίποτα?)Τέσπα αυτό για να εμπλουτίζουμε τις γνώσεις μας πιό πολύ.Λοιπόν έχω αυτό

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

  <tr>
          <td width="176" height="21"><span class="style8">*</span>Χώρα</td>
          <td width="126" ><select  id="country" name="country" style="width&#58;160px; height&#58;22px; ">
                      <option value="">Επιλέξτε...</option>
                      <option value="ΑΥΣΤΡΑΛΙΑ">ΑΥΣΤΡΑΛΙΑ</option>
                      <option value="ΓΕΡΜΑΝΙΑ">ΓΕΡΜΑΝΙΑ</option>
                       <option value="ΕΛΛΑΔΑ">ΕΛΛΑΔΑ</option>
                       <option value="ΗΠΑ">ΗΠΑ</option>
					   <option value="ΙΤΑΛΙΑ">ΙΤΑΛΙΑ</option>
                      <option value="ΚΑΝΑΔΑΣ">ΚΑΝΑΔΑΣ</option>
                       <option value="ΚΥΠΡΟΣ">ΚΥΠΡΟΣ</option>
                        <option value="ΡΩΣΙΑ">ΡΩΣΙΑ</option>
				
                      
                     
                    </select><td id="country_check" style=" width&#58;150px;">
                   </td>
         </td>
        </tr>
και αυτό javascript(ajax)

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

	$&#40;"#country"&#41;.blur&#40;function&#40;&#41;
	&#123;
		//remove all the class add the messagebox classes and start fading
		$&#40;"#country_check"&#41;.removeClass&#40;&#41;.addClass&#40;'messagebox_check'&#41;.text&#40;'Έλεγχος...'&#41;.fadeIn&#40;"slow"&#41;;
		
	if&#40;document.registration_form.country.value==''&#41;
	&#123;
		$&#40;"#country_check"&#41;.fadeTo&#40;200,0.1,function&#40;&#41; //start fading the messagebox
			&#123; 
			  //add message and change the class of the box and start fading
			  $&#40;this&#41;.html&#40;'Eπιλέξτε χώρα.'&#41;.addClass&#40;'messageboxerror_check'&#41;.fadeTo&#40;900,1&#41;;
			   $&#40;"#country"&#41;.addClass&#40;'error_check'&#41;;
			&#125;&#41;;		
          &#125;
		  else if&#40;document.registration_form.country.value=='ΑΥΣΤΡΑΛΙΑ'&#41;
	 &#123;
			 $.post&#40;"cities.php",&#123; country&#58;$&#40;this&#41;.val&#40;&#41; &#125; ,function&#40;data&#41;
        &#123;
		  if&#40;data=='no'&#41; //WHEN CITIES FOUND
		  &#123;
		  	$&#40;"#country_check"&#41;.fadeTo&#40;200,0.1,function&#40;&#41; //start fading the messagebox
			&#123; 
			  //add message and change the class of the box and start fading
			  $&#40;this&#41;.html&#40;'Οι πόλεις ανακτήθηκαν'&#41;.addClass&#40;'messageboxerror_check'&#41;.fadeTo&#40;900,1&#41;;
			  &#125;&#41;;	
			&#125;
			&#125;&#41;;		
          &#125;
		  else
		  &#123;
		  	$&#40;"#country_check"&#41;.fadeTo&#40;200,0.1,function&#40;&#41;  //start fading the messagebox
			&#123; 
			  //add message and change the class of the box and start fading
			  $&#40;this&#41;.html&#40;''&#41;.addClass&#40;'messageboxok_check'&#41;.fadeTo&#40;900,1&#41;;
			  $&#40;"#country"&#41;.removeClass&#40;'error_check'&#41;;
			&#125;&#41;;
		  &#125;
				
        &#125;&#41;;
και το cities .php

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

<?php
$con= mysql_connect&#40;"localhost", "", "example"&#41;;
mysql_query&#40;"SET NAMES 'utf8'", $con&#41; or die&#40;"Could not connect to database."&#41;; 
$db=mysql_select_db&#40;"test"&#41;;
$country=$_POST&#91;'country'&#93;;
$query=&#40;"Select * from cities where country='$country'"&#41;;
$result= mysql_query&#40;$query&#41;;
$num=mysql_num_rows&#40;$result&#41;;


echo "no";

?>
¨Ολα καλά με την επιλογή χώρας τρέχουν όλα. Από εδώ και πέρα όμως πως θα στείλω τις πόλεις στο άλλο option html(και με κάποιο php query ή ajax?) και να τις βγάλει σε λίστα χωρίς να ξαναφορτώσει όλη η σελίδα όπου πάλι θα μπορεί να επιλέγει μία?


abeautifulmind
Δημοσιεύσεις: 319
Εγγραφή: 02 Μάιος 2010 18:04

option επιλογή επηρεάζει άλλη option επιλογη

Δημοσίευση από abeautifulmind » 10 Μαρ 2014 23:15

alou eyxaristo poli kalo einai.

Απάντηση

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

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

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