У меня таблицы MySQL выглядят так
таблица регионов
id | region ------------------- 1 | Region1 2 | Region2
…
и школьный столик
id | school ------------------- 1 | schno1 1 | schno5 1 | schno6 2 | scho120
В моей регистрационной форме есть несколько меню выбора (выпадающего меню). Выпадающий список регионов выглядит так:
<select name="region"> <option value="0">Select the region</option> <?php $result=$db->query("SELECT * FROM regions"); while($row=$result->fetch_array(MYSQLI_BOTH)) { echo '<option value="'.$row[0].'">'.$row[1].'</option>'; } ?> </select>
в<select name="region"> <option value="0">Select the region</option> <?php $result=$db->query("SELECT * FROM regions"); while($row=$result->fetch_array(MYSQLI_BOTH)) { echo '<option value="'.$row[0].'">'.$row[1].'</option>'; } ?> </select>
То, что я хочу сделать, – получить идентификатор регионов, затем заполнить раскрывающееся меню школ на основе id (id предыдущего выбора) из таблицы «школы» на лету. Я новичок в js. Пожалуйста, помогите мне исправить это. Thx заранее.
$region = mysql_real_escape_string($_POST['region']); $query = "SELECT s.school FROM regions r INNER JOIN schools s ON (s.region_id = r.id) WHERE r.region LIKE '$region' "; <<-- LIKE is case insensitive, '=' is NOT $result = $db->query($query); if not($result) then { die("error"); } while($row=$result->fetch_array(MYSQLI_BOTH)) { echo '<option value="'.$row[0].'">'.$row[1].'</option>'; }
в$region = mysql_real_escape_string($_POST['region']); $query = "SELECT s.school FROM regions r INNER JOIN schools s ON (s.region_id = r.id) WHERE r.region LIKE '$region' "; <<-- LIKE is case insensitive, '=' is NOT $result = $db->query($query); if not($result) then { die("error"); } while($row=$result->fetch_array(MYSQLI_BOTH)) { echo '<option value="'.$row[0].'">'.$row[1].'</option>'; }
1) Использовать событие изменения jQuery (привязка к региону)
2) Вызовите свой php-скрипт, где вы должны предоставить данные о школах на основе идентификатора региона
3) Прикрепите данные к выбору школы
Есть много примеров на www – http://remysharp.com/2007/01/20/auto-populating-select-boxes-using-jquery-ajax/