在javascript/php/html中选择第一个下拉列表之后更新第二个下拉列表
在javascript/php/html中选择第一个下拉列表之后更新第二个下拉列表
提问于 2013-07-27 19:21:54
我需要一个例子，可以让我填充第二，第三，...,7th下拉列表(所有相同的条目)后，第一个下拉列表已被选中。在HTML头之前，我将所有的值存储在PHP中的数组中。
我看过一些例子，但找不到具体的解决方案
例如:假设我有一个仓库，里面满是特许经营商和上述特许经营商，我需要提前7天为那些有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提供的解决方案，但是它不适用于多次下降。
回答 1
Stack Overflow用户
回答已采纳
发布于 2013-07-28 04:59:24
为了使用javascript示例，您需要在第2-7 selects 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代码中，您可以为第二-第七选择添加一个循环。
if(req.status == 200) { // which represents ok status
for(var i=0;i<7;i++){
document.getElementById('displayOutlet'+i).innerHTML=req.responseText;
}
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/17901579
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号