作者starlit357 (OLAF)
看板Ajax
標題[問題] JQuery嵌入json檔，並預設資料？
時間Tue Oct 11 11:56:10 2016
大家好！
因一些需求，使用以下資源來讓網頁可以順利選擇中國行政區域（地址）。
https://goo.gl/Qt7N9z
地址的 json 檔案主要包含 {"text":"北京市", "id":"110000"} 等這類資訊。
小弟後來也將 "北京市" 和 "110000" 順利存入資料庫，並能正常取出。
不過當使用者在更新資訊頁面時，沒辦法將資料庫的地址資料正確顯示。
簡單來說，就是我想把 <select> 裡面的 <option> 預設為資料庫內容；但不管怎麼試，
都
以下附上程式碼：
<html> 部分
<div id="CN_addr">
<select name="sel_province" id="sel_province" class="sloc" onChange="$('inpu
t[
<select name="sel_city" id="sel_city" class="sloc" onChange="$('input[name=c
n_
<select name="sel_district" id="sel_district" class="sloc" onChange="$('inpu
t[
<input type="hidden" name="cn_province" value=""/>
<input type="hidden" name="cn_city" value=""/>
<input type="hidden" name="cn_district" value=""/>
<input type="text" name="address" value="{address}">
</div>
<script> 部分
$(".sloc").LocationSelect({
dataUrl: "areas_1.0.json",
name: "addr",
detectGeoLocation: false,
labels:["請選擇省分或直轄市", "請選擇城市", "請選擇區"]
});
目前試過：
(1)
$('select[name=sel_province]').val('{cn_province}');
(2)
$("
#sel_province option[value={province}]").attr("selected",true);
var i = null;
var obj = document.getElementById("sel_province");
for (i=0; i<obj.options.length; i++) {
if (obj.options[i].value == cnAddr[0]) {
obj.selectedIndex = i;
return;
}
}
還有其他類似的邏輯，但都無法成功。
也因為網頁沒有 <option> 這個標籤，所以無法使用 this.selectedindex 等 function
。
希望有想法的板友們可以告訴我解決方法或方向，讓我能掌握大概的脈絡去解決！
先感謝各位！ （鞠躬）
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 60.250.34.13
※ 文章網址: https://webptt.com/m.aspx?n=bbs/Ajax/M.1476158176.A.C29.html
1F：推 crossdunk: 用append去增加option10/12 20:54
2F：→ crossdunk: 我是沒仔細看你的文章 但應該差不多就這樣10/12 20:54
3F：→ crossdunk: 撈資料回來清空option然後用append去增加option10/12 20:54
==========
瞭解，雖然最後問題不太是用此方法解決，但還是謝謝！
※ 編輯: starlit357 (115.82.49.99), 03/05/2017 19:18:14