如何使用 jQuery、AJAX、PHP 和 MySQL 创建动态相关下拉框？

使用 jQuery/AJAX 和 PHP/MySQL 创建动态相关下拉框

为了创建一组动态下拉框，您尝试使用 jQuery/AJAX 和 PHP/MySQL。目标是第二个下拉列表根据第一个下拉列表中的选择显示值。您的 HTML、PHP 和 JavaScript 代码片段突出显示了这些工作，但您在填充第二个下拉列表时遇到了困难。

已成功调整代码

要解决此问题，您的代码需要一些调整：

已修改document.ready:

$().ready(function() { // or $(function() {});

修改了 JSON 结果的循环：

$.each(data.subjects, function(i, val){    
   $('select#item_2').append(`<option value="${val.id}">${val.name}</option>`);
});

其他注意事项：

• 确保代码包含在标签放置在 内HTML 文档的标签。
• 检查 groups.php 文件是否可以从进行 AJAX 调用的页面访问。
• 验证是否在 AJAX 调用 URL 中设置了 item_1_id。

通过合并这些调整，您的第二个下拉列表应该根据第一个下拉列表中的选择成功填充数据。这种方法使用 jQuery/AJAX 进行动态数据检索，使用 PHP/MySQL 进行数据库操作。

以上是如何使用 jQuery、AJAX、PHP 和 MySQL 创建动态相关下拉框？的详细内容。更多信息请关注PHP中文网其他相关文章！