สอบถามเรื่องการแก้ไขข้อมูล select menu แบบมีความสัมพันธ์กัน

<form name="form1">
<select class="form-control" name="list1" id="list1" >
         						<option value="">Select Zoom</option>
                            	<option value="2">1:2</option>
                             	<option value="3">1:3</option>
                              	<option value="4">1:4</option>
                              	<option value="8">1:8</option>
                			</select>
<select class="form-control" name="list2" id="list2">
                  				<option value="">Select Scale</option>
             				</select>
</form>
//// ส่วน script ส่งไปอีกหน้า

$(function(data){  
      
    
     $("select#list1").change(function(){  
	
  
       
         $.get("selectscale.php",{  
             list1:$(this).val()
		 },function(data){ 
                $("select#list2").html(data);  

         });  
	  
    });       
       
});  
</script>

<?php if(isset($_GET['list1']) && $_GET['list1']!=""){?>  
  <option value="">Select Scale</option>  
  <?php  
  $q="SELECT * FROM scale_img WHERE size='".$_GET['list1']."' "; 
  $p=$_GET['list1'];
  echo ($p);
 
  $qr=mysql_query($q);  

  
  while($rs=mysql_fetch_array($qr)){  
  ?>  
  <option value="<?=$rs['valuescale']?>"><?=$rs['scale_name']?></option>  
  <?php }?>