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 相关文章推荐
jQuery 打造动态渐变按钮 详细图文教程
Apr 25 Javascript
javascript奇异的arguments分析
Oct 20 Javascript
基于jquery的代码显示区域自动拉长效果
Dec 07 Javascript
JS弹出层单纯的绝对定位居中示例代码
Feb 18 Javascript
返回顶部按钮响应滚动且动态显示与隐藏
Oct 14 Javascript
javascript获取select值的方法分析
Jul 02 Javascript
JQuery标签页效果实例详解
Dec 24 Javascript
JS实现图文并茂的tab选项卡效果示例【附demo源码下载】
Sep 21 Javascript
Form表单按回车自动提交表单的实现方法
Nov 18 Javascript
ES6概念 Symbol.keyFor()方法
Dec 25 Javascript
Vue CLI3.0中使用jQuery和Bootstrap的方法
Feb 28 jQuery
Vue.js原理分析之nextTick实现详解
Sep 07 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的5个入手程序
2006/11/23 PHP
PHP得到某段时间区间的时间戳 php定时任务
2012/04/12 PHP
PHP-FPM之Chroot执行环境详解
2015/08/03 PHP
php自定义函数br2nl实现将html中br换行符转换为文本输入中换行符的方法【与函数nl2br功能相反】
2017/02/17 PHP
[原创]静态页面也可以实现预览 列表不同的显示方式
2006/10/14 Javascript
javascript replace()正则替换实现代码
2010/02/26 Javascript
javascript模拟实现C# String.format函数功能代码
2013/11/25 Javascript
javascript 密码框防止用户粘贴和复制的实现代码
2014/02/17 Javascript
js判断ie版本号的简单实现代码
2014/03/05 Javascript
js中的for如何实现foreach中的遍历
2014/05/31 Javascript
js获取当前日期时间及其它日期操作汇总
2016/03/08 Javascript
通过隐藏iframe实现无刷新上传文件操作
2016/03/16 Javascript
Jquery 自定义事件实现发布/订阅的简单实例
2016/06/12 Javascript
JavaScript中 ES6 generator数据类型详解
2016/08/11 Javascript
Angular路由简单学习
2016/12/26 Javascript
bootstrap suggest下拉框使用详解
2017/04/10 Javascript
ES6深入理解之“let”能替代”var“吗?
2017/06/28 Javascript
详解Angular-ui-BootStrap组件的解释以及使用
2018/07/13 Javascript
继承行为在 ES5 与 ES6 中的区别详解
2019/12/24 Javascript
Vue+element+cookie记住密码功能的简单实现方法
2020/09/20 Javascript
[02:16]2018年度CS GO最具人气选手-完美盛典
2018/12/16 DOTA
python中MethodType方法介绍与使用示例
2017/08/03 Python
python 每天如何定时启动爬虫任务(实现方法分享)
2018/05/21 Python
Linux下python3.7.0安装教程
2018/07/30 Python
Python爬虫小技巧之伪造随机的User-Agent
2018/09/13 Python
Python实现的栈、队列、文件目录遍历操作示例
2019/05/06 Python
pytz格式化北京时间多出6分钟问题的解决方法
2019/06/21 Python
Python3.7 读取音频根据文件名生成脚本的代码
2020/04/07 Python
python 实现全球IP归属地查询工具
2020/12/18 Python
css 省略号 css3让多余的字符串消失并附加省略号的实现代码
2013/02/07 HTML / CSS
美国流行背包品牌:JanSport(杰斯伯)
2018/03/02 全球购物
技术人员面试提纲
2013/11/28 职场文书
优秀中学生事迹材料
2014/01/31 职场文书
社区爱国卫生月活动总结
2014/06/30 职场文书
幼儿园毕业典礼园长致辞
2015/07/29 职场文书
Win11怎么添加用户?Win11添加用户账户的方法
2022/07/15 数码科技