php + js 勾选A select 同步B select,该如何处理

php + js 勾选A select 同步B select
要如何写勾选A时，B会同步?

<select id="A" name="A" >
<?php
	$query = $db->query("
	SELECT * FROM `select`"); 		
	foreach($query->result() as $row){	
?>  
<option value="<?php echo $row->id;?>"><?php echo $row->name;?></option>
<?php
	}
?>  
</select>
 &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
  
<?php
	$query = $db->query("
	SELECT * FROM `test`"); 		
	foreach($query->result() as $row){	
?>  
<select id="B" name="B[]" >
<?php
	$query1 = $db->query("
	SELECT * FROM `select`"); 		
	foreach($query1->result() as $row){	
?>  
<option value="<?php echo $row1->id;?>"><?php echo $row1->name;?></option>
<?php
	}
?>  
</select>
<?php
	}
?> 

------解决思路----------------------
首先用js控制，a修改时，b也修改。
然后a onchange时，执行一个ajax，更新db