Узнайте, как заполнить один раскрывающийся список на основе значения, выбранного из другого
Ознакомьтесь с конечными результатами здесь:
https://drive.google.com/file/d/100t9N0EkeBb2dasolRtQXlrfgQ82n1KP/view
Загрузите полный код и таблицы базы данных здесь:
https://github.com/DanielNgandu/Ajax-Example1
..
Полную документацию можно найти по следующей ссылке:
https://docs.google.com/document/d/1FfPXXMLA2Cowl8t52nis7a4ojFRQPMQ7SpUglpWD3m4/edit?usp=sharing
………………….
formample.php
Я разделю форму на две части
1. Код AJAX
Он находится в разделе заголовка HTML сразу под стилями и импортом.
Убедитесь, что вы добавили JQuery для вашего проекта
‹script›
$(document).ready(function() {
$(“#select_province”).click(function() {
// получить значение списка выбора/раскрывающегося списка с идентификатором select_province
var Province_id = $(this).val();
//проверить, задано ли провинци_ид
if(province_id){
$.ajax( {
url: load_cities.php,
тип: post,
данные: {провинция_id: провинция_ид},
успех: функция (html) {
//console.log(html);
$('#select_city').html(html);
}
});
}
});
});
‹/script›
2. сформировать тело
php-файл
‹?php
//включаем ваш файл подключения к БД
include("connection.php");
//инициализируем переменные
$province_id = "";
/ /получить POST-переменную, отправленную из AJAX
$province_id = $_POST["province_id"];
//запрос базы данных
$sql = "SELECT * FROM city WHERE Province_id=".$province_id. ””;
if ($result = $conn-›query($sql)) {
while ($row = $result-›fetch_assoc()){
$id = $row [“id”];
$city_name = $row[“city_name”];
echo “‹option value=”.$id”›”.$city_name.”‹/option›”;
}
?>
