我有一个SQL表,其中包含一个名为' Make'的列。还有一个名为' Model'。每行都有自己的' Make'和'模型'。
我目前在网页上有两个选择元素;一个是为了制作'制作'一个用于' Model'。
然后我有一个列表,显示SQL数据库中的所有Makes和Models,使用PDO和while循环显示每个人。
我设法使用这个简单的jQuery代码过滤页面上的列表:
<script>
$(document).ready(function(){
$('.form-control').change(function(){
var make = $(this).val();
if(make != 'make-any'){
$('.makes').hide();
$('.'+make).show();
} else {
$('.makes').show();
}
});
});</script>
基本上,如果用户选择其中一个选项,它将隐藏与所选选项值不同的所有类别。
所以现在你基本上明白了我想要实现的目标,现在我有了一些更棘手的东西。
我现在正试图将Makes与模特联系起来,所以我没有留下一个选项元素,其选项不适用于某些制作例如...如果用户选择宝马我不会&#39 ; t想要在&#39;型号&#39;中展示不是宝马的车型。选择元素选项,例如野马。
我知道我必须使用AJAX来实现这个功能,但我首先需要一种方法来格式化我的Makes和Models。
这是基本计划,我想在我的数据库中创建一个新表,这个表将包含以Makes命名的列,例如:
Audi, BMW, Chevrolet
等......
在这些列中,我将每行作为模型,因此列将按如下方式构建:
Audi
A1
A2
A3
所以我现在面临的问题是从第一个SQL表中获取数据并将每个列作为Make来自&#39; Make&#39;柱。然后,我需要能够将与每个Make相关联的所有模型插入到每个Make&#39; Make&#39;列。
然后,我将能够为某个列进行AJAX调用以显示正确的模型。
我是如何能够进行SQL表处理的?
答案 0 :(得分:0)
我会选择这个数据库结构:
CREATE TABLE make (
id INT NOT NULL AUTO_INCREMENT PRIMARY KEY,
name varchar(50) NOT NULL
);
CREATE TABLE model (
id INT NOT NULL AUTO_INCREMENT PRIMARY KEY,
name varchar(50) NOT NULL
);
CREATE TABLE make_model (
id INT NOT NULL AUTO_INCREMENT PRIMARY KEY,
make_id INT NOT NULL,
model_id INT NOT NULL
);
INSERT INTO make(name) VALUES ('Audi'), ('BMW'), ('Chevrolet');
INSERT INTO model(name) VALUES ('A1'),('A2'),('A3'),('B1'),('B2'),('C1');
INSERT INTO make_model(make_id, model_id) VALUES (1, 1), (1, 2), (1, 3), (2, 4), (2, 5), (3, 6);
getmodels.php
<?PHP
require "dbconfig.php";
if(isset($_GET['make']) && intval($_GET['make']) > 0){
$SQL = "SELECT model.id, model.name FROM model, make_model WHERE model.id = make_model.model_id AND make_model.make_id=".$_GET['make'];
} else {
$SQL = "SELECT id, name FROM model";
}
$data = json_encode($db->query($SQL)->fetchAll(PDO::FETCH_ASSOC));
header("Content-Type: application/json");
echo $data;
?>
<?PHP
require "dbconfig.php";
function list_options($tbl){
global $db;
$res = $db->query("SELECT * FROM $tbl");
while($row = $res->fetch(PDO::FETCH_ASSOC)){
echo '<option value="'.$row['id'].'">'.$row['name'].'</option>';
}
}
?>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Some form</title>
</head>
<body>
<form>
<select id="make">
<option value="0">All</option>
<?PHP list_options("make"); ?>
</select>
<select id="model">
<?PHP list_options("model"); ?>
</select>
</form>
<script type="text/javascript" src="//code.jquery.com/jquery-2.1.1.min.js"></script>
<script type="text/javascript">
$(function(){
$('#make').on('change', function(){
$("#model").empty();
$.getJSON("getmodels.php?make=" + this.selectedIndex, function(result){
$.each(result, function(i, row){
$("#model").append('<option value="'+row['id']+ '">'+row['name']+'</option>');
});
});
});
});
</script>
</body>
</html>