ThinkPHP +AJAX 联动从数据库无刷新提取数据,显示在页面的下拉框时出错!
来源:互联网 发布:linux服务器维护手册 编辑:程序博客网 时间:2024/04/30 07:07
错误是这样的,只要点击选择省的下拉框后,就会显示出这些文字,请问怎么才能消除这一问题呢
控制器代码
function show_ss(){$area =M("Area");
$privince = $area->where("region_type = 1")->select();
$this->assign("privince",$privince);
$provincecode=$_GET['provincecode'];//接收省键值
$citycode=$_GET['citycode'];//接收城市键值
if($provincecode !=""){
$citys=$area->where("parent_id='$provincecode'")->select();
echo "<select name='area[]' onchange='queryArea(this.options[this.selectedIndex].value)'>";
echo "<option value='-1' selected>请选城市</option>n";
foreach ($citys as $key=>$val ){
echo "<option value='{$citys[$key]['region_id']}'>{$citys[$key]['region_name']}</option>";
}
}
if($citycode!=""){
$areas=$area->where("parent_id='$citycode'")->select();
if(!empty($areas)){
echo "<select name='area[]'>n";
echo "<option value='-1' selected>请选择县</option>n";
foreach ($areas as $key=>$val ){
echo "<option value='{$areas[$key]['region_id']}'>{$areas[$key]['region_name']}</option>";
}
echo "</select>n";
}else{
$areaname =$area->where("region_id ='$citycode'")->field('region_name')->find();
echo "<select name='area[]'>n";
echo "<option value='-1' selected>请选择县</option>n";
echo "<option value='{$areaname['region_name']}' selected>{$areaname['region_name']}</option>";
echo "</select>n";
}
}
/*html显示代码*/
<dt>地区:</dt>
<div class="info">
<select name="area[]" onchange='queryCity(this.options[this.selectedIndex].value)'>
<option value="0">请选择地区</option>
<foreach name="privince" item="vo">
<option value="{$vo.region_id}" class="temo">{$vo.region_name}</option>
</foreach>
</select>
<span id='city'></span>
<span id='area'></span>
</div>
/*.js代码*/
var xmlHttp;
var requestType="";
function createXMLHttpRequest()
{
if(window.ActiveXObject)
{
xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
}
else if(window.XMLHttpRequest)
{
xmlHttp=new XMLHttpRequest();
}
}
function handleStateChange(){
if(xmlHttp.readyState==4)
{
if(xmlHttp.status==200)
{
if(requestType=="city"){
showcity();
}
else if(requestType="area"){
showarea();
}
}
}
}
function queryCity(citycode){
createXMLHttpRequest();
requestType="city";
var url="http://web.2015f.com/winner/index.php/Home/Goods/show_ss/provincecode/"+citycode+"/"+Math.random();
xmlHttp.open("GET",url,true);
xmlHttp.onreadystatechange=handleStateChange;
xmlHttp.send(null);
}
function queryCity(citycode){
createXMLHttpRequest();
requestType="city";
var url="http://web.2015f.com/winner/index.php/Home/Goods/show_ss/provincecode/"+citycode+"/"+Math.random();
xmlHttp.open("GET",url,true);
xmlHttp.onreadystatechange=handleStateChange;
xmlHttp.send(null);
}
function queryArea(citycode){
createXMLHttpRequest();
requestType="area";
var url="http://web.2015f.com/winner/index.php/Home/Goods/show_ss/citycode/"+citycode+"/"+Math.random();
xmlHttp.open("GET",url,true);
xmlHttp.onreadystatechange=handleStateChange;
xmlHttp.send(null);
}
function showcity(){
document.getElementById("city").innerHTML=xmlHttp.responseText;//捕获ID显示返回的数据
}
function showarea(){
document.getElementById("area").innerHTML=xmlHttp.responseText;//捕获ID显示返回的数据
}
0 0
- ThinkPHP +AJAX 联动从数据库无刷新提取数据,显示在页面的下拉框时出错!
- AJAX无刷新下拉框联动
- AJAX无刷新下拉框联动
- jQuery Ajax实现下拉框无刷新联动
- ajax无刷新二级联动下拉菜单
- 无刷新联动下拉框
- AJAX自学练习二:无刷新从数据库后台取数据显示
- AJAX自学练习二:无刷新从数据库后台取数据显示
- 一个无刷新的二级联动下拉框
- Ajax提高篇(7)Ajax实现简单的下拉框联动显示数据
- Ajax提高篇(7)Ajax实现简单的下拉框联动显示数据
- AJAX+ASP.NET无刷新二级联动省市下拉列表
- 从数据库提取显示页面
- 在一个jsp页面实现二级下拉框联动,实时读取数据库数据
- 在一个jsp页面实现二级下拉框联动,实时读取数据库数据
- 从数据库提取数据通过jstl显示在jsp页面上
- 基于Ajax的无刷新三级联动
- ajax无刷新的三级联动
- <android>第一行代码第三章源码整理
- PullToRefresh实现下拉刷新和上拉加载
- Android各框架的总结及选型
- JavaScript初学者应注意的七个细节
- O-bjective程序
- ThinkPHP +AJAX 联动从数据库无刷新提取数据,显示在页面的下拉框时出错!
- 四种方案解决ScrollView嵌套ListView问题
- IOS中UIApplication:openURL的一些使用
- VTK数据结构
- Android点击事件的四种写法
- Hadoop的WordCount代码解析
- 工具类_公历农历互转_同时支持星期的查询
- 自己参悟哲学小小感悟
- AutoComplete常用属性