[英]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.