ID を持つ国を含むコンボ ボックスを作成しました。また、オートコンプリートを行う入力テキストもあります。コンボボックスから国のいずれかを選択すると、オートコンプリート機能でいくつかの単語を押すと、入力テキストが表示され、その国に含まれるすべての都市が表示されます (データベースにあると仮定します)。
以下のサンプルコード
形
City:
<select name="city" id="city" />
<option value="">-- First Select State --</option>
<option value="">Bangalore</option>
<option value="">Mumbai</option>
<option value="">Chennai</option>
<option value="">Gujrath</option>
</select>
Area :
<input id="loction" name="loction" type="text" />
script
--------
$(document).ready(function() {
$("#loction").autocomplete("get_course.php",
{
extraParams: {
country: function() { return $("#city").val(); }
}
});
});
mysql[get_course.php]
require_once "connection.php";
$q = strtolower($_GET["q"]);
if (!$q) return;
$cty = $_GET["city"];
$sql = "select DISTINCT area as area
from table_name
where area LIKE '%$q%' and city = '".$cty."' ";
$rsd = mysql_query($sql);
while($rs = mysql_fetch_array($rsd))
{
$cname = $rs['area'];
echo "$cname\n";
}