jquery_ajax_+php_级联列表.doc

主页面 jilian.php ?php /* * Created on 2011-9-28 * * To change the template for this generated file go to * Window - Preferences - PHPeclipse - PHP - Code Templates */ include_once(fun.php); ? !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN /TR/xhtml1/DTD/xhtml1-transitional.dtd html xmlns=/1999/xhtml head meta http-equiv=Content-Type content=text/html; charset=utf-8 / title/title /head script language=JavaScript type=text/javascript src=jquery- 1.4.2.js/script script $(document).ready(function(){ $(#country).change(function(){ var cid = $(#country).val(); $.post(province.php,{id:cid},function(data){ //alert(data); $(#province).html(data); $(#city).html(option value=\0\----请选择- ---/option); $(#county).html(option value=\0\----请选择 ----/option); $(#town).html(option value=\0\----请选择- ---/option); }); }); $(#province).change(function(){ var pid = $(#province).val(); $.post(city.php,{id:pid},function(data){ //alert(data); $(#city).html(data); $(#county).html(option value=\0\----请选择 ----/option); $(#town).html(option value=\0\----请选择- ---/option); }); }); $(#city).change(function(){ var cid = $(#city).val(); $.post(county.php,{id:cid},function(data){ //alert(data); $(#county).html(data); $(#town).html(option value=\0\----请选择- ---/option); }); }); $(#county).change(function(){ var xid = $(#county).val(); $.post(town.php,{id:xid},function(data){ //alert(data); $(#town).html(data); }); }); }); /script body !-- form action=test.php method=post -- 国家 select name=country id=country option value=0----请选择----/option ?php $sql=select * from Country; $result = mysql_query($sql); while($rs = mysql_fetch_array($result)){ ? option value=?php echo $rs[cid]; ??php echo $rs[country]; ? /option ?php } ? /select 省份 select name=province id=province option value=0----请选择----/option /select 城市 select name=city