[英]Matching SQL columns and parsing them into another SQL table
我有一个SQL表,其中包含一个名为“ Make”的列和一个名为“ Model”的列。 每行都有自己的“制作”和“模型”。
我的网页上目前有两个选择元素; 一种用于“制造”,一种用于“模型”。
然后,我有了一个列表,其中使用PDO和while循环显示所有人,从而显示SQL数据库中的所有品牌和型号。
我已经设法使用以下简单的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>
基本上,如果用户选择一个选项,它将隐藏所有与所选选项值不具有相同类别的li。
因此,现在您基本上了解了我要实现的目标,而现在我有了一些棘手的问题。
我现在正尝试将Makes与Models关联起来,这样我就不会剩下带有不适用于某些Makes的选项的select元素了……如果用户选择BMW,我不希望显示的模型不是BMW在“模型”中选择元素选项,例如野马。
我知道我必须为此功能使用AJAX,但是我首先需要一种格式化我的品牌和型号的方法。
这是基本计划,我想在数据库中创建一个新表,该表将具有以Makes命名的列,例如:
Audi, BMW, Chevrolet
等...
在这些列中,我将每一行都作为模型,因此该列将按以下方式构建:
Audi
A1
A2
A3
因此,现在剩下的问题是从第一个SQL表中获取数据,然后从“ Make”列中将每个列作为Make插入。 然后,我需要能够将与每个Make关联的所有模型插入到每个“ Make”列中。
然后,我将可以对特定列进行AJAX调用以显示正确的模型。
有什么想法可以执行SQL表过程吗?
我将选择以下数据库结构:
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>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.