ajax的hide隱藏問題解決方案

最後更新：2018-12-08 來源：互聯網

上載者：User

創建阿里雲帳戶，並獲得超過 40 款產品的免費試用版；而企業帳戶則可以享有總值 $1200 的免費試用版。立即註冊！

我的頁面上有兩個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 = ”;
…

本文章原先以中文撰寫並發佈於 aliyun.com，亦設英文版本，僅作資訊用途。本網站不對文章的準確性，完整性或可靠性或其任何翻譯作出任何明示或暗示的陳述或保證。如對該文章有任何疑慮或投訴，請傳送電郵至 info-contact@alibabacloud.com 並提供相關疑慮或投訴的詳細說明。職員會於 5 個工作天內與您聯絡，一經驗證之後，即會刪除該侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

Sales Support

1 on 1 presale consultation

Chat Contact Sales
After-Sales Support

24/7 Technical Support 6 Free Tickets per Quarter Faster Response

Open a Ticket
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

Learn More