ajax的hide隱藏問題解決方法

更新時間：2012年12月11日 11:01:02 作者：

我的頁面上有兩個table，調(diào)用ajax之后隱藏掉一個,然后用html拼出另一個table,結(jié)果新的table最上面有個undefined，這個是怎么引起的

我的頁面上有兩個table，調(diào)用ajax之后隱藏掉一個,然后用html拼出另一個table,結(jié)果新的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' >區(qū)域碼</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%;"> 

輸入名稱搜索：

復(fù)制代碼代碼如下:

 
<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">區(qū)域碼</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="關(guān)閉" onclick="window.close();" /> 
</div> 
</body> 
</html> 