ajax的hide隐藏问题解决方法_Javascript教程-查字典教程网
ajax的hide隐藏问题解决方法
ajax的hide隐藏问题解决方法
发布时间:2016-12-30 来源:查字典编辑
摘要:我的页面上有两个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 >选择</td>";

tableHTML+="<td >区域码</td>";

tableHTML+="<td >国别名称</td>";

tableHTML+="</tr>";

var list = json.list;

for(var i=0;i<list.length;i++)

{

tableHTML+="<tr>";

tableHTML+="<td><input type='radio' name='radioo' value='"+list[i][1]+"' /></td>";

tableHTML+="<td>"+list[i][0]+"</td>";

tableHTML+="<td>"+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">

输入名称搜索:

复制代码 代码如下:

<input id="country" name="country" value="">

</div>

<hr id="hr" />

<div id="querycountrydiv" name="querycountrydiv">

<table id="tabb1" border="1" width="100%">

<tr>

<td nowrap="nowrap">选择</td>

<td nowrap="nowrap">区域码</td>

<td nowrap="nowrap">国别名称</td>

</tr>

<c:forEach items="${list}" var="list">

<tr>

<td nowrap="nowrap"><input type="radio" name="radioo" value="${list[1] }" /></td>

<td nowrap="nowrap">${list[0] }</td>

<td nowrap="nowrap">${list[1] }</td>

</tr>

</c:forEach>

</table>

</div><br>

<hr id="hr" />

<div>

<input id="button" type="button" value="确定" />

<input id="button" type="button" value="关闭" />

</div>

</body>

</html>

是上面代码中某段代码出现了语法错误,如下是修改的代码段:

success: function(json) {

var tableHTML = ”;

相关阅读
推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
  • 大家都在看
  • 小编推荐
  • 猜你喜欢
  • 最新Javascript教程学习
    热门Javascript教程学习
    编程开发子分类