做了一個連結開放平台的ajax
點擊選單有時會出現資料
有時不會出現,或是出現一下子又消失
想請問是哪邊出問題,謝謝
<h1>高雄違規照相查詢</h1>
<form class="container">
<div class="row">
<div class="form-group ">
<select name="abc" id="dist" class="form-control col-sm-8">
<option value="三民區">三民區</option>
<option value="小港區">小港區</option>
<option value="左營區">左營區</option>
<option value="前鎮區">前鎮區</option>
<option value="苓雅區">苓雅區</option>
<option value="前金區">前金區</option>
<option value="新興區">新興區</option>
<option value="楠梓區">楠梓區</option>
<option value="鼓山區">鼓山區</option>
<option value="楠梓區">楠梓區</option>
<option value="鹽埕區">鹽埕區</option>
<option value="鳳山區">鳳山區</option>
<option value="楠梓區">楠梓區</option>
<option value="大寮區">大寮區</option>
<option value="仁武區">仁武區</option>
<option value="林園區">林園區</option>
<option value="岡山區">岡山區</option>
<option value="路竹區">路竹區</option>
<option value="旗山區">旗山區</option>
<option value="橋頭區">橋頭區</option>
<option value="燕巢區">燕巢區</option>
<option value="美濃區">美濃區</option>
<option value="鳥松區">鳥松區</option>
<option value="湖內區">湖內區</option>
<option value="梓官區">梓官區</option>
<option value="永安區">永安區</option>
<option value="茄萣區">茄萣區</option>
<option value="彌陀區">彌陀區</option>
<option value="六龜區">六龜區</option>
<option value="大社區">大社區</option>
</select>
<button id="search" class="btn">搜尋</button>
</div>
</div>
</form>
<div class="container">
<table id="content" class="table">
<thead>
<tr>
<th>測照地點</th>
<th>測照方向</th>
<th>違規原因</th>
</tr>
</thead>
<tbody id="input">
</tbody>
</table>
</div>
$(function() {
$("#search").click(function() {
$("#input").html("");
$.ajax({
method: "GET",
url: "https://data.kaohsiung.gov.tw/Opendata/DownLoad.aspx?Type=2&CaseNo1=AF&CaseNo2=1&FileType=2&Lang=C&FolderType=O",
dataType: "json"
})
.done(function(msg) {
$.each(msg,function(index, elm) {
if($("#dist").val() == elm["行政區"]) {
var data = "<tr>" +
"<td>" + elm['測 照 地 點'] + "</td>" +
"<td>" + elm['測照方向'] + "</td>" +
"<td>" + elm['功能'] + "</td>" +
"</tr>";
$("#input").append(data);
}
});
});
});
});