编程 Javascript

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 = ”;
…

ajax的hide隐藏问题解决方法

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

JavaScript打字小游戏代码

Dec 26 Javascript

javascript实现无限级select联动菜单

Jan 02 Javascript

全面解析bootstrap格子布局

May 22 Javascript

js验证真实姓名与身份证号,手机号的简单实例

Jul 18 Javascript

jQuery实现根据滚动条位置加载相应内容功能

Jul 18 Javascript

详解Angular结合zTree异步加载节点数据

Jan 20 Javascript

vue中的数据绑定原理的实现

Jul 02 Javascript

angular 未登录状态拦截路由跳转的方法

Oct 09 Javascript

基于JavaScript 实现拖放功能

Sep 12 Javascript

vue2和vue3的v-if与v-for优先级对比学习

Oct 10 Javascript

vue-cli3自动消除console.log()的调试信息方式

Oct 21 Javascript

cypress测试本地web应用

Jun 01 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