在javascript/php.html中选择第一个下拉列表后,更新第二个下拉列表
Updating a second dropdown after the first one has been chosen in javascript/php/html
我需要一个可以填充第二、第三、,。。。,选择第一个下拉列表后的第七个下拉列表(所有相同条目)。我将所有的值存储在HTML头之前的PHP数组中。
我看了一些例子,但找不到具体的解决方案
例如:假设我有一个仓库,里面装满了上述特许经营商和网点,我需要为拥有n个网点的特定特许经营商提前7天创建订单列表。我的解决方案是,用户/仓库运营商将选择一个特许经营商,然后第二个(直到第七个)下拉列表将包含所选特许经营商下的门店。
谢谢。
<?php
$productClass = new product();
$productClass->setProductList();
$franchiseeClass = new users();
$franchiseeClass->getAndSetAllFranchisees();
$franchiseeArray = $franchiseeClass->getUserList();
$operatorOutletClass = new users();
$operatorOutletClass->getAndSetUserByLevel("5");
?>
<html><head></head><body>
<div align="center">
<form name="BBOFranchisee" method="post" action="?" onSubmit="return checkSubmit()">
<table align="center" border="1">
<tr>
<td>
Franchisee:
</td>
<td colspan="8">
<select name="displayFranchisee" size="1" onChange="populateOutlet('findOutletByFranchisee.php?fid='+this.value)">
<option label="franchisees" value="0">--Choose Franchisee--</option>
<?php
for($i=0;$i<count($franchiseeArray);$i++)
{
foreach($franchiseeArray[$i] as $key => $val)
{
echo "<option label='"franchisees'" value='"$key'">$val</option>'n";
}
} ?>
</select>
</td>
</tr>
<tr>
<?php for($j=0;$j<7;$j++) { ?>
<td>
Outlet:
<select name="displayOutlet<?php echo $j; ?>" size="1">
<option label="outlets" value="0"> </option>
</select>
</td>
<?php } ?>
</tr>
</body>
</html>
我想继续是javascript部分。。我试图找到解决方案http://roshanbh.com.np/2007/12/change-dropdown-list-options-values-from-database-with-ajax-and-php.html提供,但它不适用于多个下拉列表。
为了使用这个javascript示例,您需要在第2到第7次选择-id="displayOutlet<?php echo $j; ?>"
中添加一个id
<?php for($j=0;$j<7;$j++) { ?>
<td>
Outlet:
<select name="displayOutlet<?php echo $j; ?>" id="displayOutlet<?php echo $j; ?>"size="1">
<option label="outlets" value="0"> </option>
</select>
</td>
<?php } ?>
然后在您的javascript代码中,您可以为第2nd-7th个选择添加一个循环。
if(req.status == 200) { // which represents ok status
for(var i=0;i<7;i++){
document.getElementById('displayOutlet'+i).innerHTML=req.responseText;
}
}
相关文章:
- 如何在从下拉列表中选择不同的值后更新和调用javascript函数
- 下拉列表未从计算的可观察项更新
- 引导程序 3 下拉列表不会更新
- 使用AngularJS更新下拉列表
- 根据另一个字段选择获取新值后更新下拉列表内容
- 下拉列表选择的值在UI淘汰js中没有更新
- 如果选择/下拉列表发生更改,则Mysql会更新
- 通过下拉列表动态更新总数
- 从knockout.js中的下拉列表更新对象
- 基于第一多选下拉列表更新第二多选下拉列表
- 通过从下拉列表中选择来更新GoogleMaps InfoWindow
- 播放框架:从下拉列表中选择值时更新网页
- 将公司名称绑定到更新面板中的下拉列表,自动完成文本框工作,但每次页面刷新时
- 在 Javascript URL 中传递两个变量,以根据传递的值更新下拉列表
- 网格值在 Knockout JS 中更改下拉列表时未更新
- 基于多个下拉列表值更新文档
- 更新 HTML.隐藏对于具有选定值形式的值下拉列表的值
- 在jquery中用两个下拉列表更新URL
- 基于下拉列表更新ng中的值重复
- 在ASP.NET MVC中使用Jquery基于所选下拉列表更新表