自动选择数据库
Auto select from db
我想做以下事情,这里是简单的选择,从数据库获取信息。我有一个id/city/people的数据库。例如,选择
Select1|Select2|
City1 |2
City2 |Poeple2
City3 |People3
City4 |People1
City5 |PopleFromFirstCity
这就是我想要做的,当我从第一次选择中选择一些城市时,我想在第二次选择中选择的是Select2,输出是自动更改到我在第一次选中的内容,所以如果我选择City1,第二次选择有PeopleFromFirstCity和People1
第一个选择:
<form>
Select city: <select name="cities" onchange="showCity(this.value)">
<option value="0">Chose city...</option>
<?php
$sql="SELECT id,city FROM table1 ORDER BY ID DESC";
$result = mysql_query($sql);
while($row = mysql_fetch_array($result))
{
echo"<option value=" . $row[id] . ">" . $row[city] . "</option>";
}
?>
</select></form>
对于selection2的输出,makediv:
<div id="txtHint"></div>
现在创建第二个表table2,其中包含人员,并创建.js文件
var xmlhttp;
function showCity(str)
{
xmlhttp=GetXmlHttpObject();
if (xmlhttp==null)
{
alert ("Browser does not support HTTP Request");
return;
}
var url="http://fullpathtoselection2file/selection2.php"; // Example: http://www.site.com/files/selection2.php
url=url+"?q="+str;
url=url+"&sid="+Math.random();
xmlhttp.onreadystatechange=stateChanged;
xmlhttp.open("GET",url,true);
xmlhttp.send(null);
}
function stateChanged()
{
if (xmlhttp.readyState==4)
{
document.getElementById("txtHint").innerHTML=xmlhttp.responseText;
}
}
function GetXmlHttpObject()
{
if (window.XMLHttpRequest)
{
// code for IE7+, Firefox, Chrome, Opera, Safari
return new XMLHttpRequest();
}
if (window.ActiveXObject)
{
// code for IE6, IE5
return new ActiveXObject("Microsoft.XMLHTTP");
}
return null;
}
实现到你的文件是选择1这个js文件。现在选择选区2:
<?php
// Get city id
$q=$_GET["q"];
// Select from SQL where city = city id
$sql="SELECT peoples,city_id FROM table2 WHERE city_id = '".$q."' order by id desc";
$result = mysql_query($sql);
// echo it
while($row = mysql_fetch_array($result))
{
echo $row['peoples'];
}
你有两个表。表1为城市,表2为人口。当你更新你的数据库,例如从管理面板,你需要更新2个表。为人民和城市。对于表1,需要包含:id, city…表2需要包含id、peoples、city_id。
代码未测试
相关文章:
- 在php和mysql中选择选项.一旦选择了选项,就列出我的sql数据库数据
- 如何基于两个下拉选择从数据库中检索数据
- 使用数据库中的数据进行多项选择
- AngularJS设置从数据库中选择选项
- 如何根据 jsp 中数据库中的值在下拉列表中选择一个值
- Selectize.js:如何将数据库中已经选择的标签预加载到输入字段(Meteor&MongoDB/JSON)
- Angular js,在选择元素上,我想 POST 数据以将其保存在数据库中,然后我想使用 PUT 更新它而无需重新加载
- 从下拉框中选择用户信息,并使用进度计数器显示数据库中的选定项目
- 从数据库加载记录,不带提交按钮的下拉选择
- 从另一个选择框并使用数据库连接填充选择框
- 尝试使用 ASP-classic 和 jQuery 根据数据库的结果自动选择下拉选项
- 在选择下拉选项时,从mysql数据库填充HTML表单字段
- 单击按钮可多次动态添加选择框、文本框和日期,并将这些值插入数据库
- 单击按钮上的添加/追加动态数据库(SQL)选择框
- 动态选择列表AJAX和插入数据库表通过张贴形式
- 剪切从数据库中选择的文本
- 显示带有数据库选择内容的警报
- 数据库选择所有在服务中的angular websql,获取数组
- Javascript Sqlite数据库选择具有多个参数的查询,其中任何参数都可以为null
- JSON_encode不能与GROUP_CONCAT数据库选择一起工作