[問題] JQuery嵌入json檔，並預設資料？

看板Ajax作者starlit357 (OLAF)時間8年前 (2016/10/11 11:56)推噓1(1推 0噓 2→)

留言3則, 1人參與討論串1/1

大家好！因一些需求，使用以下資源來讓網頁可以順利選擇中國行政區域（地址）。 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://www.ptt.cc/bbs/Ajax/M.1476158176.A.C29.html