我想根据第一个选择填充第二个选择表单。两者都从 sql 数据库中检索它们的元素答案

【问题标题】：I want to populate a second select form based on the first one selection. Both are retrieving their elements from an sql database我想根据第一个选择填充第二个选择表单。两者都从 sql 数据库中检索它们的元素
【发布时间】：2016-07-31 14:55:56
【问题描述】：

这是我在这里的第一篇文章。我不是 HTML 或 Java 脚本的初学者，我只是从一个月左右开始这样做。所以，这是我的第一个项目。我需要使用从 SQL 数据库中检索到的数据填充两个选择表单。第一个选择是“汽车品牌”，第二个是基于第一个选择的“汽车型号”。我已经设法填充第一个选择并在 java 脚本变量 x 中获取选定的值。我应该如何继续阅读所选品牌的型号？

这是我到目前为止所做的：

<?php
include("sql.php"); //connection to the database
$sql_select_marca = "select id, denumire from marca"; //sql statement to   retrieve brands
$stmtMarca = sqlsrv_query( $conn, $sql_select_marca);
?>

<html>
<title> Adauga Oferta </title>
<head>
<link rel="stylesheet" type="text/css" href="main.css">
</head>
<body>

<form cars style="position: absolute">
<p> Marca:</p>
<select id=SelectBrand class="select" name="marcaSelectata" 
form="cars" style="position: absolute" onchange="marca()">
<option value="">Select brand</Seleteaza> </option>
<?php
while( $row = sqlsrv_fetch_array( $stmtMarca)) {
echo '<option  value=' . $row['id'] . '>' . $row['denumire'] . '</option>';
}
?>
</select>
<p style="margin-left: 290px"> Model:</p>
<select id="SelectModel" class="select" name="model" form="cars" style="position: absolute;margin-left: 360px" onchange="model()" >
<option value="">Select model</Seleteaza> </option>
</select>
</form>

<p id="Brand"> You've selected:</p>

<script>
function marca() {
var x = document.getElementById("SelectBrand").value;
document.getElementById("Marca").innerHTML = "Ai selectat: " + x;
}
</script>
</body>
</html>

从数据库中选择的第二个应该是这样的：

select * from model where idmarca = $x 
*where x is the id read from the first select

【问题讨论】：

标签： javascript php html

【解决方案1】：

您需要使用 ajax 来完成。在汽车品牌选择更改上，您需要进行 ajax 调用以列出第二个选择框值。例如参考this

【讨论】：

非常感谢先生！你的答案完全解决了！