[ Example ] : jQuery Dropdown depend select box

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>

<script type="text/javascript">
$(document).ready(function(){

$(".ddl").change(function(){

$.ajax({
	type: "GET",
	url: "ajax.php",
	data: 'id='+$(this).val(),
	cache: false,
	success: function(html){
		$("#ddl_std").html(html);
	} 
});

});

});
</script>
Major :
<select name="ddl_major" class="ddl">
	<option value="0">--SELECT--</option>
	<option value="1">COM1</option>
	<option value="2">COM2</option>
	<option value="3">COM3</option>
</select> 
<br/><br/>

Student :
<select name="ddl_std" id="ddl_std">
<option selected="selected">--SELECT--</option>
</select>

<?php

//*** database connection config ***//
$dbHost = "localhost";
$dbUser = "root";
$dbPass = "1234";
$dbName = "student_db";
$dbConn = mysql_connect ($dbHost, $dbUser, $dbPass) or die (mysql_error());
mysql_select_db($dbName) or die(mysql_error());
mysql_query("SET NAMES UTF8");	

?>

<?php

include "connect.php";

$sql = "SELECT Id_std, Name FROM tb_info WHERE Major = '".$_GET['id']."' ";
$qr = mysql_query($sql) or die (mysql_error());
$num = mysql_num_rows($qr);
if($num<=0){
	echo '<option>--SELECT--</option>';
}else{
	while($row = mysql_fetch_array($qr)){
		echo '<option value="'.$row['Id_std'].'">'.$row['Name'].'</option>';
	}
}

?>

 CREATE TABLE `tb_info` (
  `Id_std` int(5) NOT NULL auto_increment,
  `Ref_std` varchar(255) collate utf8_unicode_ci NOT NULL,
  `Name` varchar(255) collate utf8_unicode_ci NOT NULL,
  `Sex` int(2) NOT NULL,
  `Major` int(2) NOT NULL,
  `Hobby` varchar(255) collate utf8_unicode_ci NOT NULL,
  PRIMARY KEY  (`Id_std`)
) ENGINE=MyISAM  DEFAULT CHARSET=utf8 COLLATE=utf8_unicode_ci AUTO_INCREMENT=29 ;

-- 
-- dump ตาราง `tb_info`
-- 

INSERT INTO `tb_info` VALUES (11, 'A009', 'นาย เกียรติพงศ์ สิงห์สีโว', 1, 2, '1,,');
INSERT INTO `tb_info` VALUES (25, 'A017', 'นาย เกียรติพงศ์ สิงห์สีโว', 1, 3, '1,,');
INSERT INTO `tb_info` VALUES (13, 'A011', 'นาย เกียรติพงศ์ สิงห์สีโว', 1, 2, '1,,');
INSERT INTO `tb_info` VALUES (20, 'A012', 'นาย เกียรติพงศ์ สิงห์สีโว', 1, 1, '1,,');
INSERT INTO `tb_info` VALUES (21, 'A013', 'นาย เกียรติพงศ์ สิงห์สีโว', 1, 2, '1,,');
INSERT INTO `tb_info` VALUES (22, 'A014', 'นาย เกียรติพงศ์ สิงห์สีโว', 1, 1, '1,,');
INSERT INTO `tb_info` VALUES (23, 'A015', 'นาย เกียรติพงศ์ สิงห์สีโว', 1, 3, '1,2,');
INSERT INTO `tb_info` VALUES (24, 'A016', 'นาย เกียรติพงศ์ สิงห์สีโว', 1, 2, '1,,');
INSERT INTO `tb_info` VALUES (26, 'A018', 'นาย เกียรติพงศ์ สิงห์สีโว', 1, 1, '1,,');
INSERT INTO `tb_info` VALUES (27, 'A019', 'นาย เกียรติพงศ์ สิงห์สีโว', 1, 1, '1,,');
INSERT INTO `tb_info` VALUES (28, 'A020', 'นาย เกียรติพงศ์ สิงห์สีโว', 2, 2, '1,,');