<script type= "Text/javascript" >
$ (document). Ready (function () {
$ ("#province"). Change (function () {
var value=$ ("#province"). Val ();
alert (value);
Htmlobj=$.ajax ({url:"__public__/php/city.php", Async:false,data:
{Value:value}});
$ ("#city"). HTML (htmlobj.responsetext);
});
});
$ (document). Ready (function () {
$ ("#city"). Change (function () {
var value=$ ("#city"). Val ();
alert (value);
Htmlobj=$.ajax ({url: "__public__/php/district.php", Async:false,data:
{Value:value}});
$ ("#district"). HTML (htmlobj.responsetext);
});
});
</script>
City
District
<?php
Header ("content-type:text/html; charset= utf-8 ");
$con = mysql_connect ("localhost", "root", "root");
if (! $con)
{
Die (' Could not connect: '. Mysql_error ());
}
mysql_query ("SET NAMES ' UTF8 '");
mysql_select_db ("HN", $con);
$result = mysql_query ("select * from xp_sys_city where Provinceid =". $_get[' value ');
while ($row = Mysql_fetch_array ($result))
{
echo "<option value=". $row [' ID ']. "' > ". $row [' CityName ']." </option> ";
}
<script src= "__public__/bower_components/jquery/city_ajax.js" ></script>
City
District
TP Level Three linkage