Javascript 如何从数据库中提取数据到下拉菜单,而不根据先前的下拉选择提交表单?

Javascript 如何从数据库中提取数据到下拉菜单,而不根据先前的下拉选择提交表单?,javascript,php,html,ajax,drop-down-menu,Javascript,Php,Html,Ajax,Drop Down Menu,我有一个带有4个下拉菜单的html页面。我想加载第二个下拉菜单,以便在不提交表单的情况下自动加载数据库数据。这是我的密码 <?php $connection = odbc_connect("Driver={SQL Server};Server=localhost Database=inventory;",'sa','123456'); ?> <html> <body> <fieldset> <legend><b>

我有一个带有4个下拉菜单的html页面。我想加载第二个下拉菜单,以便在不提交表单的情况下自动加载数据库数据。这是我的密码

<?php
$connection = odbc_connect("Driver={SQL Server};Server=localhost     Database=inventory;",'sa','123456');
?>

<html>
<body>

<fieldset>
<legend><b>Inventory Entry</b></legend>
<form method="post" action="">
<table>
<tr>
<td>Item:</td>
<td>

<?php
$sql = "SELECT name from item";
$result = odbc_exec($connection, $sql);
?>

<select name="item">
<option value=""></option>
<?php while($row = odbc_fetch_array($result)): ?>
<option value="<?php echo $row['item']; ?>"><?php echo $row['item']; ?></option>
<?php endwhile; ?>
</select>
</td>
<td>Sub Item Code:</td>
<td>
<select name="sub_item_code">
<option value=""></option>
</select>
</td>
</tr>
</table>
<table>
<tr>
<td>Brand:</td>
<td>
<select name="brand">
<option value=""></option>
</select>
</td>
<td>Model:</td>
<td>
<select name="model">
<option value=""></option>
</select>
</td>
</tr>
</table>
</form>
</fieldset>

</body>
</html>

存货分录
项目:
分项代码:
品牌:
型号:

选择第一个下拉菜单(即计算机服务器)后,第二个下拉菜单将从数据库(即塔式服务器、pc服务器等)生成。根据他们的选择,第三和第四个下拉列表也会出现同样的情况。我的数据库有4列(项目、子项目、代码、品牌、型号)。非常感谢您的帮助……

我以前从未使用过ajax。如果你能给出一个与此代码相对应的演示,这将非常有帮助…创建整个演示将花费时间,我可能会在这里发布它,但现在我正忙于其他一些事情,这个流程可能会帮助你。研究jquery中的事件,在更改事件时创建jquery的ajax请求,并让服务器使用新的列表选项响应(您也必须编写服务器代码),使用ajax请求的回调更新您的UI。谢谢你的回答。我会努力研究这些,如果可能的话,请在你有时间的时候发布演示。