Взаимодействие PHP + JS

У меня вот такая ситуация. Нужно считать с таблицы в БД, список стран и сформировать выпадающий список. После выбора страны, считать с другой БД инф. и сформировать выпадающий список городов, этой страны. Всё это должно быть без перезагрузки страницы. Помогите пожалуйста В JavaScript не силён. Вот немного на php набросал, но после формирования первого выпадающего списка - бред пошел.

PHP:

1. <?php
2.     include("connect_to_db.php");
3.  
4.     $get_country = "SELECT * FROM countries ";
5.     $get_country = mysql_query($get_country) or die (mysql_error());
6.    
7.     echo "Country: <select   name='country' onchange='showSelect()'>";
8.    
9.     while($country = mysql_fetch_array($get_country, MYSQL_ASSOC))
10.     {
11.            
12.         echo" <option value='".$value = $country['name']."'> ".$country['name']."";
13.        
14.          
15.          
16.     }
17.         echo " </select>
18.                 <br> <br>";
19.                
20.     //максимальный элемент, который будет равен количеству выпадающих списков.
21.     $max_id = "select max(country_id) from cities";
22.     $max_id = mysql_query($max_id) or die (mysql_error());
23.    
24.     for ($a = 0; $a < $max_id; $a++) {
25.  
26.     //запрос и формирование списков
27.         $get_city = "SELECT * FROM cities WHERE country_id = '".$a."'";
28.         $get_city = mysql_query($get_city) or die (mysql_error());
29.    
30.         echo "<div style='visibility: hidden' City: <select  type= 'hidden' name='city'>";
31.        
32.         while($city = mysql_fetch_array($get_city, MYSQL_ASSOC))
33.         {
34.            
35.             echo" <option value='".$value = $city['name']."'> ".$city['name']."";
36.        
37.         }
38.         echo " </select>
39.                 </div>
40.                 <br> <br>";
41.  
42.     }
43.  
44.    
45.    
46. ?> 
47.  
48. <!-- Создание нового объекта XMLHttpRequest-->
49. <script language="javascript" type="text/javascript">
50.  
51. <!--
52. function showSelect()
53. {
54.  
55. var result = new_record_form.country.value;
56.  
57. alert(max_id)
58. }
59.  
60.  
61. //-->
62. </script>

 

тогда меня интересует, как можно обмениваться данными между переменными php & js. Поскольку считывать прийдёться php и заносить инфорацию в масив, а потом как то передать данные в массив js, если я не ошибаюсь.