قوائم منسدلة - الثاني مرتبط بالأول

السلام عليكم

عندي 2 قوائم منسدلة مرتبطة بجدول على MySQL يعني كل واحدة تأخذ بياناتها من قاعدة البيانات

القائمة الاولى للدّولة و الثانية للولاية

أريد أن تتغير القائمة الثانية حسب الاولى... أحد الحلول هي جافا سكريبت لكن المشكلة ليست عندي به معرفة كبيرة

فالرجاء المساعدة و شكرا

<form id="form1" name="form1" method="get" action="<?php  echo $_SERVER['PHP_SELF']; ?>">
  <label>Sélectionnez la localisation :    </label>



      <select name="pays" >
		  <?php 
            $reqPays="SELECT * FROM localisation group by pays"; // Pour sélectionner les différente "pays" dans le tableau "localisation".
            $resultatP=mysql_query($reqPays);

            while($ligneP=mysql_fetch_array($resultatP)) {?>
            <option value="<?php if ($ligneP['pays']=='-- Tous les pays') echo'%'; else echo $ligneP['pays'];?>"> <?php echo $ligneP['pays'];?> </option>
             <?php  }?>
       </select>

      <?php //----------------------------------------------------------------- ?>

  	  <select name="ville" >
		  <?php 
            $reqVille="SELECT * FROM localisation group by ville"; // Pour sélectionner les différentes "villes" dans le tableau "localisation". 
            $resultat=mysql_query($reqVille);

            while($ligne=mysql_fetch_array($resultat)) {?>
            <option value="<?php if ($ligne['ville']=='-- Toutes les villes') echo'%'; else echo $ligne['ville'];?>"> <?php echo $ligne['ville'];?> </option>
             <?php  }?>

      </select>

  <input type="submit" name="bouton" id="bouton" value="Envoyer" />

</form>