- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我需要制作一些依赖下拉列表。在这里,从第一个下拉列表中,每当我选择 Region 时,在第二个下拉列表的选项中,它应该显示所选 Region 的相应 Country。但是在选择一个区域 之后,第二个下拉列表没有显示任何内容。我搜索了解决方案,但没有找到合适的解决方案,因为我只针对一个数据库表执行所有这些操作。
数据库
SET SQL_MODE = "NO_AUTO_VALUE_ON_ZERO";
SET time_zone = "+00:00";
CREATE TABLE `geo` (
`Region` varchar(200) NOT NULL,
`Country` varchar(200) NOT NULL,
`City` varchar(200) NOT NULL
) ENGINE=InnoDB DEFAULT CHARSET=latin1;
INSERT INTO `geo` (`Region`, `Country`, `City`) VALUES
('Asia', 'Bangladesh', 'Dhaka'),
('Europe', 'France', 'Paris'),
('Asia', 'Bangladesh', 'Khulna'),
('Europe', 'France', 'Avignon'),
('Europe', 'Spain', 'Barcelona'),
('Europe', 'Spain', 'Madrid'),
('Asia', 'Srilanka', 'Colombo');
dbconnect,php
<?php
error_reporting( ~E_DEPRECATED & ~E_NOTICE );
define('DBHOST', 'localhost');
define('DBUSER', 'root');
define('DBPASS', '');
define('DBNAME', 'ddl');
$conn = mysql_connect(DBHOST,DBUSER,DBPASS);
$dbcon = mysql_select_db(DBNAME);
if ( !$conn ) {
die("Connection failed : " . mysql_error());
}
if ( !$dbcon ) {
die("Database Connection failed : " . mysql_error());
}
?>
index.php
<?php
require_once 'dbconnect.php';
$query ="SELECT * FROM geo";
$results = mysql_query($query);
?>
<!DOCTYPE html>
<html>
<head>
<title>DDL - Select</title>
</head><?php
$bul[10000007] = false;
?>
<style>
body{width:610px;}
.frmDronpDown {border: 1px solid #F0F0F0;background-color:#C8EEFD;margin: 2px 0px;padding:40px;}
.demoInputBox {padding: 10px;border: #F0F0F0 1px solid;border-radius: 4px;background-color: #FFF;width: 50%;}
.row{padding-bottom:15px;}
</style>
<script src="https://code.jquery.com/jquery-2.1.1.min.js" type="text/javascript"></script>
<script>
function getCountry(val) {
$.ajax({
type: "POST",
url: "get_country.php",
data:'region_id='+val,
success: function(data){
$("#country-list").html(data);
}
});
}
function selectRegion(val) {
$("#search-box").val(val);
$("#suggesstion-box").hide();
}
</script>
<body>
<div class="frmDronpDown">
<div class="row">
<form>
<label>Region: </label>
<select name="region" id="region-list" class="demoInputBox" onChange="getCountry(this.value);">
<option value="">Select Region</option>
<?php
$sql = "SELECT * FROM geo";
$res = mysql_query($sql);
while($row = mysql_fetch_assoc($res)) {
if($bul[$row['Region']] != true && $row['Region'] != 'Region'){
?>
<option value="<?php echo $row['Region']; ?>"><?php echo $row['Region']; ?></option>
<?php
$bul[$row['Region']] = true;
}
}
?>
</select>
</div>
<div class="row">
<label>Country: </label>
<select name="country" id="country-list" class="demoInputBox">
<option value="">Select Country</option>
</select>
</form>
</div>
</div>
</body>
</html>
get_country.php
<?php
require_once 'dbconnect.php';
if(!empty($_REQUEST["region_id"])) {
$query ="SELECT * FROM geo WHERE Region =" . $_POST["region_id"];
$result = mysql_query($query);
?>
<option value="">Select Country</option>
<?php
while($row2=mysql_fetch_assoc($result)){
if($bul2[$row2['Country']] != true && $row2['Country'] != 'Country') { ?>
<option value="<?php echo $row['Country']; ?>"><?php echo $row['Country']; ?> </option>
<?php
$bul2[$row2['Country']] = true;
}
}
}
?>
最佳答案
使用 mysqli 函数而不是 mysql 函数。并且还使用 mysqli_escape_string() 函数来防止 sql 注入(inject)。
在 get_country.php 文件中你错过了 $_POST["region_id"] 前后的 '
$query ="SELECT * FROM geo WHERE Region =" . "'" . mysqli_escape_string($conn, $_POST["region_id"] ) ."'";
而且您还需要在 $row['Country']
中修复,它将是 $row2['Country']。
这是我机器上的工作代码:
索引.php
<?php
require_once 'dbconnect.php';
$query = "SELECT * FROM geo";
$results = mysqli_query($conn, $query);
?>
<!DOCTYPE html>
<html>
<head>
<title>DDL - Select</title>
</head><?php
$bul[10000007] = false;
?>
<style>
body{width:610px;}
.frmDronpDown {border: 1px solid #F0F0F0;background-color:#C8EEFD;margin: 2px 0px;padding:40px;}
.demoInputBox {padding: 10px;border: #F0F0F0 1px solid;border-radius: 4px;background-color: #FFF;width: 50%;}
.row{padding-bottom:15px;}
</style>
<script src="https://code.jquery.com/jquery-2.1.1.min.js" type="text/javascript"></script>
<script>
function getCountry(val) {
$.ajax({
type: "POST",
url: "get_country.php",
data:'region_id='+val,
success: function(data){
$("#country-list").html(data);
}
});
}
function selectRegion(val) {
$("#search-box").val(val);
$("#suggesstion-box").hide();
}
</script>
<body>
<div class="frmDronpDown">
<div class="row">
<form>
<label>Region: </label>
<select name="region" id="region-list" class="demoInputBox" onChange="getCountry(this.value);">
<option value="">Select Region</option>
<?php
$sql = "SELECT * FROM geo";
$res = mysqli_query($conn, $sql);
while ($row = mysqli_fetch_assoc($res)) {
if ($bul[$row['Region']] != true && $row['Region'] != 'Region') {
?>
<option value="<?php
echo $row['Region'];
?>"><?php
echo $row['Region'];
?></option>
<?php
$bul[$row['Region']] = true;
}
}
?>
</select>
</div>
<div class="row">
<label>Country: </label>
<select name="country" id="country-list" class="demoInputBox">
<option value="">Select Country</option>
</select>
</form>
</div>
</div>
</body>
</html>
get_country.php
<?php
require_once 'dbconnect.php';
if(!empty($_REQUEST["region_id"])) {
$query ="SELECT * FROM geo WHERE Region =" . "'" . mysqli_escape_string($conn, $_POST["region_id"] ) ."'";
//echo $query ="SELECT * FROM geo WHERE Region =" . "'" . $_POST["region_id"] ."'";
$result = mysqli_query($conn, $query);
?>
<option value="">Select Country</option>
<?php
while($row2=mysqli_fetch_assoc($result)){
//var_dump($row2);
if($bul2[$row2['Country']] != true && $row2['Country'] != 'Country' || 1) { ?>
<option value="<?php echo $row2['Country']; ?>"><?php echo $row2['Country']; ?> </option>
<?php
$bul2[$row2['Country']] = true;
}
}
}
?>
和 dbconnect.php
<?php
error_reporting( ~E_DEPRECATED & ~E_NOTICE );
define('DBHOST', 'localhost');
define('DBUSER', 'root');
define('DBPASS', '');
define('DBNAME', 'ddl');
$conn = mysqli_connect(DBHOST,DBUSER,DBPASS);
$dbcon = mysqli_select_db($conn, DBNAME);
if ( !$conn ) {
die("Connection failed : " . mysqli_error());
}
if ( !$dbcon ) {
die("Database Connection failed : " . mysqli_error());
}
?>
关于php - 来自数据库同一表的 PHP 中的相关下拉列表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42088706/
第一段代码工作正常,并给出了我需要的结果。我现在想做的是让它在 'as num' 上返回 3 个数字值对于“as num”上的 3 个不同值,对于同一列上的 3 个不同位置 SELEC
我想分析一些数据以编写定价算法。以下日期可用: 我需要三个变量/维度的函数/相关因子,它显示三个维度(pers_capacity、卧室数量、浴室数量)增长时中位数(价格)的变化。例如Y(#pers_c
正如标题所说 - 我的 Sprite Kit 游戏时不时地在后台崩溃,总是出现此错误 - Exception Type: EXC_BAD_ACCESS (SIGSEGV) Exception Sub
假设我尝试保存以下数据,并且Songs模型的name属性上设置了Phalcon \ Mvc \ Model \ Validator \ PresenceOf验证器 // Get an existing
我有一个 if 控件,如下所示; if (Directory.Exists(System.IO.Path.Combine(systemPath, "Reports", companyName))
有人可以告诉我我们使用 ReadLine() 从文件 (.txt) 中读取特定行吗?现在我想读取文件的全部内容(不仅仅是第一行)。为此我需要使用什么方法。我用谷歌搜索了很多,但找不到解决方案。 我的代
我相信在大学时我用从 C 派生的语言为 FPGA 编写了一个程序。我了解 VHDL 和 verilog 等语言。但是,我不明白的是程序员在使用哪个方面有多少选择?它依赖于FPGA吗?我将使用 Xili
我有一个 if 控件,如下所示; if (Directory.Exists(System.IO.Path.Combine(systemPath, "Reports", companyName))
如何在运行时更改 Dashcode (Javascript) 中图像对象的源? 我试过: var image = document.getElementById("image").object;ima
我有几个相互关联的类,它们将被多种不同的算法使用 例子: struct B; struct A { B* parent; }; struct B { std::vector child
我正在开发一个网站,用户在客户收到的表中输入金额,如果任何客户没有提供分期付款(金额),则用户不会在表中输入任何金额,并且用户希望获取违约者的信息客户以10天为基础。所以我的问题是应该定义什么表和属性
我试图从上一个条目中选择一个值,并每次将该数字加一。我让它工作到选择当前条目值(默认 1000)并递增 1 并重新插入该值(因此每次最终都是 1001)。我需要它来选择该字段的最后一个条目,这样它将变
我不擅长“制作”查询。假设这是我的数据库: artist pics ------------------- -
最近,我要为我的网站做一个即时通知系统。我听说 COMET 在这种情况下必不可少。 我已经搜索 PHP 和 Comet 一段时间了,但是,我发现的指南和文章似乎只是循环中的 ajax 请求。例如,有一
我正在开发一款 iOS 游戏,我希望 clown 在场景外生成,然后向下移动。我的想法是全部创建它们,并将它们以 360 像素的距离放置在不可见的场景中。 像这样: SKSpriteNode *clo
我有以下子订单表。 mysql> select * from suborder; +-------------+------------------+ | order_state | bookin
这可能是一个有点初学者的问题,但考虑到在 Java 中调试编码是相当相关的:什么时候编码与 String 对象相关? 假设我有一个要保存到文件中的字符串对象。 String 对象本身是否使用某种我应该
首先我想说我是 CPP 的新手(我从 cpp11 开始):)考虑以下实体:学生(名字+姓氏)和组(描述+更多学生)。我在 C++ 中创建了以下 2 个类: class Student { privat
我正在尝试在单击该复选框时同步更新我的数据库。我决定使用 aJax,但它似乎无法识别 ajax。 代码:将成为 Switch_Active(this.id) 函数的元素 ... Deactivat
我正在创建一个菜单。菜单如下。 $('.category').mouseover(function() { $(this).removeClass('category').addClass('cate
我是一名优秀的程序员,十分优秀!