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));

}

?>

與50位技術專家面對面20年技術見證，附贈技術全景圖

總結

以上是生活随笔為你收集整理的php ajax城市联动,php+ajax 城市联动的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。