脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → 基础知识 → ajax的hide问题

ajax的hide隐藏问题解决方法

 更新时间：2012年12月11日 11:01:02   作者：  
我的页面上有两个table，调用ajax之后隐藏掉一个,然后用html拼出另一个table,结果新的table最上面有个undefined，这个是怎么引起的
我的页面上有两个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 变量命名规则详解

    在编写代码的时候难免涉及到变量的命名问题，不能只要求变量名的语法正确，而忽略了变量命名对代码可读性的影响
    2013-05-05
  • 简单谈谈javascript中this的隐式绑定

    简单谈谈javascript中this的隐式绑定

    在JavaScript中，this 的概念比较复杂。除了在面向对象编程中，this 还是随处可用的。这篇文章介绍了this的隐式绑定，希望大家能够喜欢。
    2016-02-02
  • JavaScript实现cookie的操作

    JavaScript实现cookie的操作

    这篇文章介绍了JavaScript操作Cookie的方法，文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
    2022-05-05
  • JavaScript中的splice()方法使用详解

    JavaScript中的splice()方法使用详解

    这篇文章主要介绍了JavaScript中的splice()方法使用详解,是JS入门学习中的基础知识,需要的朋友可以参考下
    2015-06-06
  • Javascript模块化编程详解

    Javascript模块化编程详解

    在这篇文章中，我将会回顾一下js模块化编程的基础，并且将会讲到一些真的非常值得一提的进阶话题，包括一个我认为是我自创的模式。
    2014-12-12
  • 关于前端要知道的 AST知识

    关于前端要知道的 AST知识

    这篇文章主要介绍了关于前端要知道的 AST知识,在计算机科学中，抽象语法树是源代码语法结构的一种抽象表示,需要的朋友可以参考下
    2023-04-04
  • javascrpt绑定事件之匿名函数无法解除绑定问题

    javascrpt绑定事件之匿名函数无法解除绑定问题

    经常听到有人说，匿名函数绑定事件不好控制啊，无法解除绑定啊，本文将介绍详细的解决方法，需要的朋友可以参考下
    2012-12-12
  • JavaScript中各数制转换全面总结

    JavaScript中各数制转换全面总结

    这篇文章主要介绍了JavaScript中各数制转换,利用toString的基模式来进行转换,对数字调用 toString(10) 与调用 toString() 它们返回的区别和相同之处等等都在本文中提及，具体操作步骤大家可查看下文的详细讲解，感兴趣的小伙伴们可以参考一下。
    2017-08-08
  • Javascript之BOM(window对象)详解

    Javascript之BOM(window对象)详解

    下面小编就为大家带来一篇Javascript之BOM(window对象)详解。小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2016-05-05
  • JavaScript中的对象与JSON

    JavaScript中的对象与JSON

    这篇文章主要介绍了JavaScript中的对象与JSON,本文讲解了定义JSON与javascript对象、javascript对象转换为JSON、javascript中解析JSON等内容,需要的朋友可以参考下
    2015-07-07

最新评论