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 对象

将下拉菜单中的相关信息显示到文本框中(来自 SQL 数据库,使用 PHP、AJAX 和 HTML)

JavaScript获取select下拉框中的第一个值

如何获取select下拉框的值

在javascript中如何选中web里面的下拉框的值?

如何将引导模式内的下拉列表的选定值获取到php中的文本框中