php ajax城市联动,php+ajax 城市联动

jquery-1.8.0.min.js 自己下载

/*  表结构

--

-- 表的结构 `web_city`

--

CREATE TABLE IF NOT EXISTS `web_city` (

`id` mediumint(8) NOT NULL AUTO_INCREMENT,

`title` varchar(60) NOT NULL,

`pid` mediumint(8) NOT NULL DEFAULT '0',

PRIMARY KEY (`id`)

) ENGINE=MyISAM  DEFAULT CHARSET=utf8 AUTO_INCREMENT=5 ;

--

-- 转存表中的数据 `web_city`

--

INSERT INTO `web_city` (`id`, `title`, `pid`) VALUES

(1, '北京', 0),

(2, '东单', 1),

(3, '西单', 1);

*/

$my_db = mysql_connect("localhost","root","");

mysql_select_db("city", $my_db);

mysql_query("set names 'utf8'");

$sql = "select * from web_city where pid = 0";

$query = mysql_query($sql);

$provice = array();

while($row = mysql_fetch_assoc($query))

{

$provice[] = $row;

}

?>

html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

php+ajax 城市联动

function select_city(){

var id = jQuery("#provice option:selected").val();

$("#city").html('选择市');

$.ajax({

type: "post",

url: "ajax.php",

data: "id="+id,

dataType: "json",

success: function(msg){

var tbody = "";

$.each(msg.optionss,function(n,value){

var trs = "";

trs += ""+value.title+"";

tbody += trs;

})

$("#city").append(tbody);

}

});

}

选择省/市

"><?php  echo $val['title'];?>

选择市

以下代码为 ajax.php

$my_db = mysql_connect("localhost","root","");

mysql_select_db("city", $my_db);

mysql_query("set names 'utf8'");

if(isset($_POST['id'])){

$id = $_POST['id'];

$sql_city = "select * from web_city where pid = $id";

$query_city = mysql_query($sql_city);

$city = array();

while($row = mysql_fetch_assoc($query_city))

{

$city[] = $row;

}

echo json_encode(array('optionss'=>$city));

}

?>