如何在PHP中级联下拉应用Javascript (无AJAX )

在PHP中实现级联下拉菜单应用JavaScript（无AJAX）的方法如下：

创建HTML表单，并定义两个下拉菜单，一个用于选择主选项，另一个用于显示级联选项。例如：

<form>
  <select id="mainSelect" onchange="updateSubSelect()">
    <option value="">请选择主选项</option>
    <option value="option1">选项1</option>
    <option value="option2">选项2</option>
    <option value="option3">选项3</option>
  </select>
  
  <select id="subSelect">
    <option value="">请选择级联选项</option>
  </select>
</form>

创建JavaScript函数updateSubSelect()，该函数将根据主选项的选择更新级联选项的内容。例如：

function updateSubSelect() {
  var mainSelect = document.getElementById("mainSelect");
  var subSelect = document.getElementById("subSelect");
  
  // 清空级联选项
  subSelect.innerHTML = "";
  
  // 根据主选项的选择添加相应的级联选项
  if (mainSelect.value === "option1") {
    var option1 = document.createElement("option");
    option1.value = "subOption1";
    option1.text = "子选项1";
    subSelect.add(option1);
    
    var option2 = document.createElement("option");
    option2.value = "subOption2";
    option2.text = "子选项2";
    subSelect.add(option2);
  } else if (mainSelect.value === "option2") {
    var option3 = document.createElement("option");
    option3.value = "subOption3";
    option3.text = "子选项3";
    subSelect.add(option3);
    
    var option4 = document.createElement("option");
    option4.value = "subOption4";
    option4.text = "子选项4";
    subSelect.add(option4);
  } else if (mainSelect.value === "option3") {
    var option5 = document.createElement("option");
    option5.value = "subOption5";
    option5.text = "子选项5";
    subSelect.add(option5);
    
    var option6 = document.createElement("option");
    option6.value = "subOption6";
    option6.text = "子选项6";
    subSelect.add(option6);
  }
}

在PHP文件中引入JavaScript代码，并将HTML表单嵌入到PHP页面中。例如：

<!DOCTYPE html>
<html>
<head>
  <title>级联下拉菜单</title>
  <script src="script.js"></script>
</head>
<body>
  <h1>级联下拉菜单</h1>
  
  <?php
    // PHP代码
  ?>
  
  <form>
    <select id="mainSelect" onchange="updateSubSelect()">
      <option value="">请选择主选项</option>
      <option value="option1">选项1</option>
      <option value="option2">选项2</option>
      <option value="option3">选项3</option>
    </select>
    
    <select id="subSelect">
      <option value="">请选择级联选项</option>
    </select>
  </form>
</body>
</html>

以上代码实现了一个简单的级联下拉菜单应用，当选择主选项时，级联选项会根据主选项的选择进行更新。你可以根据实际需求修改JavaScript代码和HTML表单来适应不同的场景。

注意：本答案中没有提及任何特定的云计算品牌商，如需了解腾讯云相关产品和产品介绍，请访问腾讯云官方网站。

如何在PHP中级联下拉应用Javascript (无AJAX )

、

我使用两个下拉列表，第一个是类别，第二个是子类别。我想使用Javascript的onChange()；来获取子类别的值，但不知道如何在代码中使用它。请指点一下。php $data=mysqli_query($con,"select * from `category`");php {

浏览 16提问于2017-12-14得票数 0

回答已采纳

1回答

原型AJAX Updater多个请求

、

我刚刚开始学习AJAX，正在尝试构建一个从数据库中拉出信息的级联下拉菜单。我的AJAX.Updater代码可以工作，但不仅仅适用于其中一个下拉菜单。如何进行多个AJAX.Updater调用？<script type="text/javascript" src="jQuery/jquery-latest.js"></script> <script type

浏览 5提问于2012-10-23得票数 1

1回答

使用ajax级联两个下拉框

、、

我需要使用ajax级联两个下拉框。在我的日常生活中，第一次下降是国家，第二次是国家。当我选择国家时，这个州的下拉显示了那些国家的状态。请按密码帮我。提前谢谢。我的Ajax函数：function showstate(str)if (str=="")document.getElementByIddocument.getElementBy

浏览 1提问于2014-09-03得票数 0

回答已采纳

1回答

如何用javascript动态添加Telerik/Kendo DropdownList？

、、、、

我最近的任务是用Telerik/Kendo UI组件替换应用程序上的所有控件。在大多数情况下，这是非常简单的，但我在一个问题上遇到了困难：在已存在的pre Kendo应用程序中，有一个具有级联类别下拉列表的表单，但可以有任意数量的下拉列表，这是因为我们的管理程序允许管理员创建无限数量的子类别-所以每次选择一个类别时，如果找到后续的子类别(通过对服务器的ajax调用)，就会使用javascript通过将字符串连接在一起并将其附加到dom<em

浏览 2提问于2015-02-27得票数 0

1回答

如何实现从多个sql表读取的级联下拉列表？C# MVC

、、、、

我正在使用C#构建一个mvc web应用程序。我目前陷入困境的地方是试图添加一个级联下拉列表。我已经看过几篇关于这方面的文章，但是我的用法有很多变化，所以我不知道如何实现它。我填充下拉列表的信息来自一系列sql表。第一个下拉列表应该显示一个表(其中列出可用的表)中的信息。当用户选择一个选项时，应该创建第二个下拉列表并填充所选表中的信息。如何实现这个级联下拉列表，它可以从任意多个不同的表中读取？我相

浏览 2提问于2014-09-29得票数 1

2回答

在社交引擎注册过程中需要帮助

嗨，请在社交引擎的注册过程中帮助我，我知道如何在PHP ajax中做到这一点，但在这个社交引擎框架中很难做到这一点。有人能在这方面帮我吗！

浏览 1提问于2013-05-18得票数 1

1回答

创建动态更新表单，从MYSQL DB中获取

、、、

一旦选中，它下面的下拉菜单将填充到数据库中与该“Customer Name”相关联的可用“Customer Site”(表中的多行)。所以我一直在通过PHP & JS来尝试，我对JS知之甚少，所以我正在蚕食我在网上找到的一个脚本。我将删除我从MYSQL数据库中调用的代码，以及动态填充JS所需的位置。到目前为止，我尝试过的一切--包括尝试将MYSQL信息推入PHP数组，然后调用它--在JS中遇到的问题只会显示一个站点，而不是所有与公司名称相关的站点。siteCo

浏览 3提问于2016-02-08得票数 0

回答已采纳

2回答

在ASP.NET MVC中处理级联下拉菜单和其他回发方案的最佳实践

我见过一些使用jQuery和Ajax在ASP.NET MVC中处理级联下拉列表的示例。当然，这需要启用javascript。假设javascript被禁用，那么处理级联下拉菜单的最佳实践是什么？这是我为我工作的公司的库存应用程序开发的asp.net web表单的真实场景。在网页上，我有级联下拉菜单。在本例中，假设有一个汽车制造商的下拉列表和一个取决于所选汽车制造商

浏览 5提问于2009-05-20得票数 0

2回答

sharepoint 2010高级表单

、、

所以我是Sharepoint的新手，使用SharePoint2010，我需要创建一个高级表单，如级联下拉列表，带有两个或更多下拉列表之类的东西，或者使用javascript。我知道如何在visual studio中做这件事可能有点复杂。所以我想知道哪种方法是实现这种形式的最好方法，如果你有一些书或类似的东西来学习如何做到这一点。

浏览 0提问于2012-05-22得票数 0

1回答

在选择下拉列表时将数据加载到文本框中

、、

我有一个学生管理系统项目，在那里我采取学生注册表在线使用自定义php应用程序。谢谢

浏览 1提问于2012-12-20得票数 0

2回答

使用json填充相关下拉列表

、、、

我有两个下拉列表，第二个列表是按第一个的变化填写的。我用json做的，但不管用。Id", "Name"), "select", new { @class = "form-control" }) function

浏览 9提问于2016-05-10得票数 0

回答已采纳

1回答

选择下拉值后，使用javascript和php服务器设置文本框值

、

我正在使用一个表单，它将检索值，以设置文本框输入后，下拉值被选择。我的问题来自于我的php服务器函数被设计成接受下拉列表的选定索引作为参数，并返回相关的值来填充文本框。然而，我不知道如何结合php函数和javascript来设置textbox值。下面是我的示例代码。感谢您的帮助。如下图所示，displayGamsProjectInfo(fe)函数调用数据库函数ddGamsProjectInfo($gamsId)，但是我怎样才能允许php函数在用户不点击( POSTing )表单值的情况下

浏览 5提问于2011-02-19得票数 1

回答已采纳

1回答

我将如何调用ajax下拉列表的on change事件？

、、、

在我的MVC应用程序中，我使用ajax下拉列表和ajax级联下拉列表，我想编写级联下拉列表的onChange事件，请告诉我该做什么。我正在发布我正在使用的视图页面和创建级联dropdownlist.Please的js文件，它们告诉我需要在哪里进行更改。/Scripts/MicrosoftAjax.js" type="text/javascript&q

浏览 1提问于2009-11-27得票数 0

1回答

从Web服务SOAP响应填充下拉列表

、、

使用PHP，我正在创建一系列下拉菜单，这些菜单按顺序工作，同时通过大量的web服务调用进行填充。例如，用户将从下拉列表#1中选择一个年份。使用该年，我将发出一个SOAP调用(仅使用给定的年份)来收集、生成和填充下拉列表#2，然后进行另一个SOAP调用(使用给定的年份和make)来收集模型。我的问题是，在整个过程中，我如何通过这么多的调用和“持有”所有所需的价值观来完成这一任务？

浏览 5提问于2016-06-20得票数 2

回答已采纳

2回答

如何在下拉更改事件上调用AJAX请求？

、、、、

index.php<script type="text/javascript" src="ajax.js"></script> <a href='one.php' class='

浏览 4提问于2010-08-07得票数 3

回答已采纳

1回答

窗体中的级联下拉列表

、、、

我希望在ASP.NET MVC3 / Razor2应用程序中的表单中启用一对级联下拉列表。理想情况下，该解决方案将实现以下目标：即使没有启用javascript，也可以工作。因此，从用户的角度来看，当选择父下拉列表<

浏览 3提问于2012-11-27得票数 0

回答已采纳

1回答

在实现select2.js时无法获得未定义或空引用的属性“长度”，请使用IE < 11发出

、、

我正在处理asp.net应用程序，在页面中，我有多个下拉列表，它们动态地从数据库加载，同时更改父下拉列表，就像级联下拉列表一样。 <script src="//ajax.go

浏览 4提问于2017-11-27得票数 0

1回答

如何在mvc中使用ajax和jquery代码获取国家、州、城市等级联下拉列表

如何在mvc中使用ajax和jquer获取国家、州、城市等级联下拉列表我有一个名为公司详细信息的页面，我需要在其中输入公司地址，如国家、州、城市。现在，我的要求是，如果我选择印度作为国家，那么印度的所有邦的列表都应该显示在邦的下拉框中，我应该选择一个邦，比如安得拉邦，如果我选择它，安得拉邦的所有城市都应该显示在城市下拉框中。</td>

浏览 13提问于2017-03-03得票数 0

3回答