在 php 中使用 select onChange 填充不同的数据
在 PHP 中，您可以使用 JavaScript 和 AJAX 来实现 onChange 事件，以便在选择不同的选项时填充不同的数据。以下是一个简单的示例，说明了如何在 PHP 中使用 JavaScript 和 AJAX 实现此功能：
- 首先，创建一个 HTML 文件，如
index.html，并添加以下内容：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>PHP onChange Example</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
<select id="mySelect" onchange="loadData()">
<option value="1">Option 1</option>
<option value="2">Option 2</option>
<option value="3">Option 3</option>
</select>
<div id="data"></div>
<script>
function loadData() {
var selectedOption = $('#mySelect').val();
$.ajax({
url: 'getData.php',
type: 'POST',
data: { option: selectedOption },
success: function(data) {
$('#data').html(data);
}
});
}
</script>
</body>
</html>- 接下来，创建一个 PHP 文件，如
getData.php，并添加以下内容：
<?php
if (isset($_POST['option'])) {
$option = $_POST['option'];
// 根据选项获取数据
if ($option == 1) {
$data = "这是选项 1 的数据";
} elseif ($option == 2) {
$data = "这是选项 2 的数据";
} elseif ($option == 3) {
$data = "这是选项 3 的数据";
}
echo $data;
}
?>在这个示例中，当用户更改下拉列表中的选项时，loadData() 函数将使用 AJAX 向 getData.php 发送请求。getData.php 文件将根据选定的选项返回相应的数据，然后将数据显示在 index.html 文件的 <div id="data"></div> 元素中。
请注意，这个示例使用了 jQuery 库来简化 AJAX 请求。如果您不想使用 jQuery，可以使用原生 JavaScript 实现相同的功能。
相关·内容
我需要一些澄清如何填充从mysql的数据选择(S)。基本上，我想要做的是： <option>1</option> <option>3</option>当用户在第一个
浏览 1提问于2009-12-08得票数 2
回答已采纳
2回答
我有两个下拉菜单，它们从MySQL数据库读取数据。我使用PHP连接数据库。第二个下拉列表应该根据第一个下拉列表的选择来填充。这个过程在我看来如下(如果我错了，请纠正我)：
用户在dropdown1上选择一个值，并调用onchange事件。在onchange函数(即Javascri
浏览 3提问于2012-12-14得票数 0
1回答
我有一个PHP数组，它填充第一个select下拉列表，这样用户就可以选择一个职业。选择职业后，第二个下拉列表将使用JavaScript函数加载该职业的职务职位。然后，我使用jQuery根据第二个下拉列表的值更改表单的动作。但是它返回null，因为<option></option>是通过JavaScript加载的。如果我在选中框中硬编码<option>&l
浏览 3提问于2014-09-20得票数 0
我有一个表单，我在其中显示数据库中的所有国家，基于国家选择的州是填充的，基于州，城市是使用jquery填充的。一切都很正常。问题是，当页面提交并重新加载时，我只能保留国家，但不能保留州和城市选择框，因为它们使用带有select选项的onChange事件进行动态填充。问题是在州和城市的选择框下，我没有做任何事情，
浏览 2提问于2014-04-30得票数 0
我是一个学生，正在开发一个php应用程序。我基本上是使用下面的代码填充从mysql中填充的两个选择标记
我面临的问题是，我不希望第一个选择标签中选择的条目显示在第二个选择标签中，因为这是两个位置之间的旅程。我不知道从哪里开始，如果有人能给我指明正确的方向，那将是一个很大的帮助。
<?p
浏览 3提问于2017-02-21得票数 0
回答已采纳
我一直试图使用PHP、Javascript和Ajax从我的数据库中使用现有作者创建下拉选择。在这个列表'onChange‘作者的选择中，我想用特定作者的数据填充表单的值，但是我找不到这样的方法。希望你们能理解我想要取得的成就。谢谢你！！
我有一个select/options下拉列表，其中填充
浏览 12提问于2020-04-13得票数 1
回答已采纳
2回答
我使用php使用mysql数据填充了select下拉菜单。<select name="course" onchange="tester()"> <?php $result= mysql_query('SELECT D
浏览 0提问于2014-04-07得票数 0
回答已采纳
我不会在重新加载后保留菜单中的选定项目，或者在具有相同菜单的不同页面中。这段代码运行得很好，但我需要用mysql填充mi下拉菜单。 localStorage.setItem('plist', document.getElementById>如果我用这些代码填充菜
浏览 4提问于2015-12-03得票数 0
所以，事情是这样的。我有一个要填充的html表。具体地说，第一行是用mysql数据库中的元素填充的那一行。准确地说，这张表是一份关于手机的问卷。第一行是从数据库加载手机姓名的标题。还有一个select标记，其中包含公司名称作为选项。我需要在select标记上触发一个onChange事件，以重新加载页面，并使用当前在下拉列表中选择
浏览 2提问于2012-09-04得票数 1
回答已采纳
1回答
我尝试在这种模式下在select中动态地创建选项和设置jQuery对象的数据，但是无法工作。这是我打印商店选项的HTML代码，并给它一个名为“数据-最后一次同步商店”的data-attribute。<select id="shopSelect"
onchange="$('#lastSync').text($(this).data('lastSyncSh
浏览 8提问于2018-01-15得票数 1
回答已采纳
我的代码现在起作用了。谢谢大家！这是最后的代码，以防其他人遇到和我一样的麻烦。mysql_connect('localhost', 'root', 'password');$query = "SELECT * FROM>
<select name="select1
浏览 2提问于2015-11-23得票数 1
回答已采纳
1回答
我有4个不同的<select>字段(堆叠成一行)，它们将填充任意数量的<option>标签。我有一个名为UpdateList(id)的函数，当我调用它时，它会转到数据库并打印出下一个中的值，这取决于我在前面的<select>中已经选择了什么。现在，我希望能够预先选择这个值，这取决于我在url中给出了什么。，现在我假设这些值存在于
浏览 3提问于2014-07-04得票数 0
我有下面的js脚本，它触发了下面选择框的onChange。然后，它从一个表中检索数据，并返回一些填充了数据的输入字段(使用下面的PHP代码)。然后保存数据。 这部分运行得很好。但是，如果我再次运行该脚本，并且它填充了从DB中选择的选项并显示为选择的选项，但是它不显示从PHP代码/DB查询返回的填充<e
浏览 15提问于2019-09-26得票数 0
回答已采纳
在页面刷新之后，我使用带有下拉列表的php来选择数据并在下拉列表中显示所选的项，因此使用了此代码。<select name="select" id="mysort" onchange="select(this.value);">
<option value="5" <?
浏览 6提问于2022-04-23得票数 0
回答已采纳
但我正在尝试在jQGrid的编辑表单上填充MySQL数据库中的select下拉列表。'],
但我需要status字段是从数据库中填充的select。我有一个叫做'StatusDropDown.php‘的PHP文件，我以前用它来填充一个选择框(见下文)。我怎样才能在我的<
浏览 1提问于2012-01-09得票数 0
我有一个下拉列表，其中填充了数据库中的值。我试图实现的是为每个值分配一个select语句。填充菜单代码require 'conn.php';
while($row = mysql_fetch_array如何为下拉列表中<
浏览 5提问于2012-04-16得票数 0
回答已采纳
我正面临这样一种场景: select控件使用php填充值，并且我已经针对onChange编写了代码，当任何值发生更改时，更改后的值就会填充到文本框中。但是当select控件只有一个值时，onchange就不起作用了，因为只有一个值。当select控件只有一个值时，如何捕获该值并填充到文本框中。
浏览 2提问于2013-01-05得票数 0
回答已采纳
我目前正在处理三个相关的下拉列表，它们将根据用户选择的选项进行填充。例如，第一个下拉列表具有“苹果、橙子和香蕉”选项。如果用户选择“苹果”，则第二个下拉列表将由基于该答案的不同选项填充。我的问题是，我是基于stackoverflow中的另一个问题，用前两个下拉菜单完成的。如何使用基于前两个下拉列表的第三个下拉列表来执行此操作？>
</selec
浏览 35提问于2019-07-27得票数 1
我正在尝试让三个不同的php位按顺序工作，并以一种对用户来说容易的方式工作。这是我已经拥有的一些从数据库中获取数据的代码。我在下拉列表中有一个与此类似的语句，当它发生变化时，我需要使用第一段代码中的答案填充它，我还需要将这两个语句的答案放入另一个sql语句中，该语句将显示一组结果。我知道我需要使用像jquery或ajax这样的东
浏览 0提问于2012-08-08得票数 0
回答已采纳
我需要有一个选择框显示的选项，基于从它上面的下拉框的选择。一旦用户选择了汽车制造商，然后我希望汽车制造商的汽车型号的选项被选中。我已经能够从我的mysql数据库中获得汽车制造商的选项来显示，但现在我只需要该制造商的汽车模型。我的数据库有两列，一列用于Make，另一列用于Model。PHP的顶部是我获取make的方法，底部是我尝试获取模型的
浏览 4提问于2013-08-22得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
