如何根据从上一个 [above] 下拉列表中选择的值填充 select2 下拉列表中的选项？

首页课程实战体系课手记专栏慕课教程

如何根据从上一个 [above] 下拉列表中选择的值填充 select2 下拉列表中的选项？

我想使用 select2 js 为用户搜索带来一个下拉列表，下拉列表中的值必须根据所选公司填充，这是该下拉列表上方的下拉列表。

我将 XAMPP 版本 5 与 MYSQLI 一起使用。

<?php

include 'db.php';

<html>

<head>

</head>

<body>

</div>

<label for="sel1" class="col-sm-2 col-form-label">Company :</label>

<option value="">Select Company</option>

<?php

$companyDetails=mysqli_query($con, "SELECT * FROM company order by id desc ");

while($company = mysqli_fetch_assoc($companyDetails))

{

echo "<option value='".$company['id']."'";

echo " >".$company['compName']."</option>";

}

</select>

</div>

<label for="pthings" class="col-sm-2 col-form-label">To dos :

</label>

<option value="0">- Search -</option>

</select>

</div>

<button type="submit" name="add" class="btn btn-default greenbtn btnrightalign">Submit</button>

</div>

</form>

</body>

</html>

期输出：

我希望 select2 下拉列表中的选项基于从公司中选择的值。

例如：在选择公司“ABC Pvt Ltd”时，待办事项下拉列表（select2）值为“页眉、页脚、侧边栏、导航、注册、登录”。

在选择公司“RAM Pvt Ltd”时，To dos 下拉列表（select2）的值为“Registration,Login,Search,Payment,Logout”。

并且用户搜索功能应该可以正常工作。

实际输出：

从我的代码中，我可以获得一个 select2 下拉列表，其中选项中的值不是基于从公司下拉列表中选择的选项。

并且用户搜索功能无法正常工作。

动漫人物

浏览 141回答 2

2回答

翻阅古今

您需要使用公司 ID 添加您的 select2 帖子数据：$("#selUser").select2({    ajax: {         url: "getData.php",        type: "post",        dataType: 'json',        delay: 250,        data: function (params) {            return {                searchTerm: params.term,                compId: $("#company_list").val() //here your company data            };        },        processResults: function (response) {            return {                results: response            };        },        cache: true    }});然后您可以获取公司 ID$_POST["compId"]并将其添加到您在 get data.php 上的查询中

0 0

MYYA

快速浏览一下您的代码，我猜您可能遇到了 MySQL 错误。在 getData.php 上，您似乎正在查询一个名为order的表。由于 order 是MySQL 中的保留字，除非表名包含在反引号中，否则这些查询几乎肯定会抛出错误。例如：$fetchData = mysqli_query($con,"select * from `order` order by id");

0 0

随时随地看视频慕课网APP