這是個不錯多級聯動插件,用起來比較簡單實用,如果非要吹毛求疵的話,就是需要加載文件少多一點.
這個是插件作者的博客,裏有有實例和下載,大家想想要詳細瞭解可以去看看
因爲原版裏是連接數據庫,想下到本地看效果很費勁.我這裏寫個簡單用法,用於給新手立馬上手能用.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>$.ld——jquery多級聯動插件 V1.0</title>
<link href="style/css/base.css" rel="stylesheet" type="text/css" />
<link href="style/css/demo.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header" class="clearfix">
<div id="logo" class="l"><img src="style/p_w_picpaths/logo.png" /></div>
<div class="l">
<h2>$.ld——jquery多級聯動插件 V1.0</h2>
<p>作者：明河共影，博客：<a href="http://www.36ria.com/">RIA之家</a></p>
<p>插件文檔：<a href="http://www.36ria.com/2955">http://www.36ria.com/2955</a></p>
</div>
</div>
<h2>示例1：最基礎的示例演示，讀取json</h2>
<table width="700" border="0" cellspacing="0" cellpadding="0" class="tab1">
<tr>
<td>國家</td>
<td><select class="ld-select-1" name="country">
<option value="">請選擇你的國家</option>
</select>
</td>
<td>省份</td>
<td><select class="ld-select-1" name="province">
<option value="">請選擇你的省份</option>
</select>
</td>
<td>城市</td>
<td><select class="ld-select-1" name="city">
<option value="">請選擇你的城市</option>
</select>
</td>
<td>區縣</td>
<td><select class="ld-select-1" name="county">
<option value="">請選擇你的區縣</option>
</select>
</td>
</tr>
</table>
<code>
$(".ld-select-1").ld({ajaxOptions : {"url" : "get_region.php"},<br />
style : {"width" : 120}<br />
});
</code>
<script src="js/jquery-1.4.2.min.js"></script>
<script src="js/jquery.ld.js"></script>
<script type="text/javascript">
$(function(){
//示例1
$(".ld-select-1").ld({ajaxOptions : {"url" : "get_region.php"},
style : {"width" : 120}
});
})
</script>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>$.ld——jquery多級聯動插件 V1.0</title>
<link href="style/css/base.css" rel="stylesheet" type="text/css" />
<link href="style/css/demo.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header" class="clearfix">
<div id="logo" class="l"><img src="style/p_w_picpaths/logo.png" /></div>
<div class="l">
<h2>$.ld——jquery多級聯動插件 V1.0</h2>
<p>作者：明河共影，博客：<a href="http://www.36ria.com/">RIA之家</a></p>
<p>插件文檔：<a href="http://www.36ria.com/2955">http://www.36ria.com/2955</a></p>
</div>
</div>
<h2>示例1：最基礎的示例演示，讀取json</h2>
<table width="700" border="0" cellspacing="0" cellpadding="0" class="tab1">
<tr>
<td>國家</td>
<td><select class="ld-select-1" name="country">
<option value="">請選擇你的國家</option>
</select>
</td>
<td>省份</td>
<td><select class="ld-select-1" name="province">
<option value="">請選擇你的省份</option>
</select>
</td>
<td>城市</td>
<td><select class="ld-select-1" name="city">
<option value="">請選擇你的城市</option>
</select>
</td>
<td>區縣</td>
<td><select class="ld-select-1" name="county">
<option value="">請選擇你的區縣</option>
</select>
</td>
</tr>
</table>
<code>
$(".ld-select-1").ld({ajaxOptions : {"url" : "get_region.php"},<br />
style : {"width" : 120}<br />
});
</code>
<script src="js/jquery-1.4.2.min.js"></script>
<script src="js/jquery.ld.js"></script>
<script type="text/javascript">
$(function(){
//示例1
$(".ld-select-1").ld({ajaxOptions : {"url" : "get_region.php"},
style : {"width" : 120}
});
})
</script>
</body>
</html>
<?php
ob_start();
/*
function runSQL($rsql) {
$hostname = 'localhost';// 數據庫服務器
$username = 'root'; // 數據庫用戶名
$password = '123'; // 數據庫密碼
$dbname = 'ld'; // 數據庫名
$connect = mysql_connect($hostname,$username,$password) or die ("Error: could not connect to database");
$db = mysql_select_db($dbname);
mysql_query('set names utf8');
$result = mysql_query($rsql);
return $result;
mysql_close($connect);
}
*/
include("include/JSON.php");
/*if(isset($_GET['parent_id'])){
$where = "WHERE parent_id = ".$_GET['parent_id']." ";
}else{
$where = "WHERE parent_id = 0 ";
}*/
/*$sql = "SELECT * FROM region $where";
$result = runSQL($sql);*/
$data_type = "json";
if(isset($_GET['data_type'])){
$data_type = $_GET['data_type'];
}
if($_GET['parent_id'] == 0){
$rows = array(array('region_id'=>1,'region_name'=>"我X1"),array('region_id'=>2,'region_name'=>"我X2"),array('region_id'=>3,'region_name'=>"我X3"),array('region_id'=>4,'region_name'=>"我X4"));
}else{
$rows = array(array('region_id'=>1,'region_name'=>"我T1"),array('region_id'=>2,'region_name'=>"我T2"),array('region_id'=>3,'region_name'=>"我T3"),array('region_id'=>4,'region_name'=>"我T4"));
}
if($data_type == "json"){
$json_str = "[";
$json = array();
foreach($rows as $row) {
/* $r = array('region_id' => $row['region_id'],
'region_name' => $row['region_name']);*/
$json[] = JSON($row);
}
$json_str .= implode(',',$json);
$json_str .= "]";
echo $json_str;
}else if($data_type == "xml"){
header("Content-type: text/xml;");
$xml = "<?xml version='1.0' encoding='UTF-8'?>";
$xml .= "<root>";
while ($row = mysql_fetch_array($result)) {
$xml .= "<record>";
$xml .= "<region_id>".$row['region_id']."</region_id>";
$xml .= "<region_name>".$row['region_name']."</region_name>";
$xml .= "</record>";
}
$xml .="</root>";
echo $xml;
}
?>
ob_start();
/*
function runSQL($rsql) {
$hostname = 'localhost';// 數據庫服務器
$username = 'root'; // 數據庫用戶名
$password = '123'; // 數據庫密碼
$dbname = 'ld'; // 數據庫名
$connect = mysql_connect($hostname,$username,$password) or die ("Error: could not connect to database");
$db = mysql_select_db($dbname);
mysql_query('set names utf8');
$result = mysql_query($rsql);
return $result;
mysql_close($connect);
}
*/
include("include/JSON.php");
/*if(isset($_GET['parent_id'])){
$where = "WHERE parent_id = ".$_GET['parent_id']." ";
}else{
$where = "WHERE parent_id = 0 ";
}*/
/*$sql = "SELECT * FROM region $where";
$result = runSQL($sql);*/
$data_type = "json";
if(isset($_GET['data_type'])){
$data_type = $_GET['data_type'];
}
if($_GET['parent_id'] == 0){
$rows = array(array('region_id'=>1,'region_name'=>"我X1"),array('region_id'=>2,'region_name'=>"我X2"),array('region_id'=>3,'region_name'=>"我X3"),array('region_id'=>4,'region_name'=>"我X4"));
}else{
$rows = array(array('region_id'=>1,'region_name'=>"我T1"),array('region_id'=>2,'region_name'=>"我T2"),array('region_id'=>3,'region_name'=>"我T3"),array('region_id'=>4,'region_name'=>"我T4"));
}
if($data_type == "json"){
$json_str = "[";
$json = array();
foreach($rows as $row) {
/* $r = array('region_id' => $row['region_id'],
'region_name' => $row['region_name']);*/
$json[] = JSON($row);
}
$json_str .= implode(',',$json);
$json_str .= "]";
echo $json_str;
}else if($data_type == "xml"){
header("Content-type: text/xml;");
$xml = "<?xml version='1.0' encoding='UTF-8'?>";
$xml .= "<root>";
while ($row = mysql_fetch_array($result)) {
$xml .= "<record>";
$xml .= "<region_id>".$row['region_id']."</region_id>";
$xml .= "<region_name>".$row['region_name']."</region_name>";
$xml .= "</record>";
}
$xml .="</root>";
echo $xml;
}
?>