gpt4 book ai didi

javascript - 我想根据第一个选择填充第二个选择表单。两者都从 SQL 数据库检索其元素

转载 作者:行者123 更新时间:2023-11-27 22:42:00 27 4
gpt4 key购买 nike

这是我在这里发表的第一篇文章。我在 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

最佳答案

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

关于javascript - 我想根据第一个选择填充第二个选择表单。两者都从 SQL 数据库检索其元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38685212/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com