ajax的hide隐藏问题解决方法


Posted in Javascript onDecember 11, 2012

我的页面上有两个table,调用ajax之后隐藏掉一个,然后用html拼出另一个table,结果新的table最上面有个undefined,这个是怎么引起的,要怎么解决下呢?详细代码如下:

<script type="text/javascript"> 
$(function(){ 
if($.browser.msie) 
{ 
$("#country").get(0).attachEvent("onpropertychange",function (o){ 
var countr = o.srcElement.value; 
$("#tabb1").hide(); 
$.ajax({ 
type: "post", 
url: "/yoblhtjfx/queryCountryAjax.action", 
data: "country="+countr+"&jsoncallback=?", 
dataType: "json", 
success: function(json) 
{ 
var tableHTML; 
tableHTML+="<table id='tabb1' border='1' width='100%'>"; 
tableHTML+="<tr>"; 
tableHTML+="<td style='text-align: center' >选择</td>"; 
tableHTML+="<td style='text-align: center' >区域码</td>"; 
tableHTML+="<td style='text-align: center' >国别名称</td>"; 
tableHTML+="</tr>"; 
var list = json.list; 
for(var i=0;i<list.length;i++) 
{ 
tableHTML+="<tr>"; 
tableHTML+="<td style='text-align: center'><input type='radio' name='radioo' value='"+list[i][1]+"' /></td>"; 
tableHTML+="<td style='text-align: center'>"+list[i][0]+"</td>"; 
tableHTML+="<td style='text-align: center'>"+list[i][1]+"</td>"; 
tableHTML+="</tr>"; 
} 
tableHTML+="</table>"; 
$("#querycountrydiv").html(tableHTML); 
} 
}); 
}); 
} 
}); 
function returnVal() 
{ 
var valu; 
for(var i = 0;i < document.getElementsByName("radioo").length;i++) 
{ 
if(document.getElementsByName("radioo")[i].checked == true) 
{ 
valu = document.getElementsByName("radioo")[i].value; 
} 
} 
window.opener.document.getElementById("foreignUnitCountry").value = valu; 
window.close(); 
} 
</script> 
</head> 
<body> 
<div align="center" style="width:100%;">

输入名称搜索:
<input id="country" name="country" value=""> 
</div> 
<hr id="hr" /> 
<div id="querycountrydiv" name="querycountrydiv" style="width:100%; height:80%; overflow:auto; border:1px solid #000000;"> 
<table id="tabb1" border="1" width="100%"> 
<tr> 
<td style="text-align: center" nowrap="nowrap">选择</td> 
<td style="text-align: center" nowrap="nowrap">区域码</td> 
<td style="text-align: center" nowrap="nowrap">国别名称</td> 
</tr> 
<c:forEach items="${list}" var="list"> 
<tr> 
<td style="text-align: center" nowrap="nowrap"><input type="radio" name="radioo" value="${list[1] }" /></td> 
<td style="text-align: center" nowrap="nowrap">${list[0] }</td> 
<td style="text-align: center" nowrap="nowrap">${list[1] }</td> 
</tr> 
</c:forEach> 
</table> 
</div><br> 
<hr id="hr" /> 
<div> 
<input id="button" type="button" value="确定" onclick="returnVal();" /> 
<input id="button" type="button" value="关闭" onclick="window.close();" /> 
</div> 
</body> 
</html>

是上面代码中某段代码出现了语法错误,如下是修改的代码段:
success: function(json) {
var tableHTML = ”;
Javascript 相关文章推荐
javascript Prototype 对象扩展
May 15 Javascript
动态刷新 dorado树的js代码
Jun 12 Javascript
javascript 选择文件夹对话框(web)
Jul 07 Javascript
JavaScript判断一个URL链接是否有效的实现方法
Oct 08 Javascript
JavaScript中的property和attribute介绍
Dec 26 Javascript
用按钮控制iframe显示的网页实现方法
Feb 04 Javascript
jquery高效反选具体实现
May 05 Javascript
jquery Deferred 快速解决异步回调的问题
Apr 05 Javascript
jquery计算出left和top,让一个div水平垂直居中的简单实例
Jul 13 Javascript
利用Plupload.js解决大文件上传问题, 带进度条和背景遮罩层
Mar 15 Javascript
Javascript 对象(object)合并操作实例分析
Jul 30 Javascript
bootstrap+spring boot实现面包屑导航功能(前端代码)
Oct 09 Javascript
ajax上传时参数提交不更新等相关问题
Dec 11 #Javascript
jQuery(非HTML5)可编辑表格实现代码
Dec 11 #Javascript
jQuery使用数组编写图片无缝向左滚动
Dec 11 #Javascript
如何获取JQUERY AJAX返回的JSON结果集实现代码
Dec 10 #Javascript
ajax不执行success回调而是执行了error回调
Dec 10 #Javascript
解决js正则匹配换行问题实现代码
Dec 10 #Javascript
解决jquery异步按一定的时间间隔刷新问题
Dec 10 #Javascript
You might like
php inc文件使用的风险和注意事项
2013/11/12 PHP
PHP四种基本排序算法示例
2015/04/09 PHP
利用PHP抓取百度阅读的方法示例
2016/12/18 PHP
PHP实现多级分类生成树的方法示例
2017/02/07 PHP
FireFox与IE 下js兼容触发click事件的代码
2008/11/20 Javascript
使用JavaScript switch case 另类写法
2010/03/14 Javascript
JQuery slideshow的一个小问题(如何发现及解决过程)
2013/02/06 Javascript
JS字符串拼接在ie中都报错的解决方法
2014/03/27 Javascript
Javascript removeChild()删除节点及删除子节点的方法
2015/12/27 Javascript
详解Javascript ES6中的箭头函数(Arrow Functions)
2016/08/24 Javascript
jQuery实现图片滑动效果
2017/03/08 Javascript
mpvue构建小程序的方法(步骤+地址)
2018/05/22 Javascript
解决angularjs前后端分离调用接口传递中文时中文乱码的问题
2018/08/13 Javascript
JavaScript变量提升和严格模式实例分析
2019/01/27 Javascript
js打开word文档预览操作示例【不是下载】
2019/05/23 Javascript
javascript实现拖拽碰撞检测
2020/03/12 Javascript
vue实现按钮切换图片
2021/01/20 Vue.js
浅谈Python中copy()方法的使用
2015/05/21 Python
基于Python实现一个简单的银行转账操作
2016/03/06 Python
Django objects.all()、objects.get()与objects.filter()之间的区别介绍
2017/06/12 Python
python实现读Excel写入.txt的方法
2018/04/29 Python
python3 deque 双向队列创建与使用方法分析
2020/03/24 Python
python IDLE添加行号显示教程
2020/04/25 Python
Python正则表达式高级使用方法汇总
2020/06/18 Python
HTML5 通信API 跨域门槛将不再高、数据推送也不再是梦
2013/04/25 HTML / CSS
SQL里面如何插入自动增长序列号字段
2012/03/29 面试题
获奖的大学生创业计划书
2014/01/05 职场文书
《难忘的泼水节》教学反思
2014/02/27 职场文书
毕业生自荐信如何写
2014/03/24 职场文书
少先队活动总结
2014/08/29 职场文书
基层党组织建设整改方案
2014/09/16 职场文书
电影红河谷观后感
2015/06/11 职场文书
培训班开班主持词
2015/07/02 职场文书
学生会招新宣传语
2015/07/13 职场文书
nginx作grpc的反向代理踩坑总结
2021/07/07 Servers
Nginx 路由转发和反向代理location配置实现
2021/11/11 Servers