php和javascript中的下拉框
Posted
技术标签:
【中文标题】php和javascript中的下拉框【英文标题】:dropdown box in php and javascript 【发布时间】:2017-08-18 22:33:15 【问题描述】:我正在寻找一种根据用户选择创建下拉列表的方法。如果用户选择一个配置文件的包,则输出将为用户提供一个包含 1 个字段的下拉列表,如果用户选择两个配置文件,则输出将为用户提供一个包含 2 个字段的下拉列表。即使用户选择第二个选项,该代码最近也只显示一个下拉菜单
<ul class="dropdown-menu <?= empty($business) ? 'hidden' : '' ?>" aria-labelledby="business_list">
<?php foreach ($business as $key => $item) : ?>
<li><?= html::a($item->name, ['social-manager/profiles', 'b' => $key]) ?></li>
<?php endforeach; ?>
</ul>
【问题讨论】:
【参考方案1】:我假设您使用的是 jQuery。您需要根据用户选择定义一个数字变量 var length。如果用户选择选项1则var length=1,如果用户选择选项2则var length=2; 下面的 for 循环应根据用户选择生成选项。
for(var x=0;x<length;x++)
.....
【讨论】:
感谢您的回复这是为下拉框生成的代码 $item) : ?> = Html::a($item->name, ['social-manager/ profile', 'b' => $key]) ?> 【参考方案2】:执行此类操作的最佳方法是使用 PHP 创建 API 端点,该端点将提供下拉值,然后使用 ajax 获取结果并重新填充下拉列表。
流程是这样的;
-
用户每次选择配置文件时都会触发一个 jquery 函数,该函数将使用所选配置文件向 PHP API 端点发送一个 ajax。
在 API 端点上,检查选择了多少配置文件,并相应地返回下拉字段值。
根据返回值,使用 jquery 重新填充下拉值。
【讨论】:
以上是关于php和javascript中的下拉框的主要内容,如果未能解决你的问题,请参考以下文章
JavaScript 学习-38.HTML DOM 下拉框 Select 对象