爲使用AJAX動態生成的選擇框設置精確選項

Question

我的AJAX功能在運行中生成#parent選擇框。問題是，菜單生成後，我無法準確的設置選項

試圖

window.onload = function() { 
var parent='1'; 
$('#parent').val(parent); 
} 

而且

$(document).ready(function() { 
var parent='1'; 
$('#parent').val(parent); 
}); 

沒有成功！任何建議？

Answer 1

onload和ready都不會等待Ajax請求。將函數移至傳遞給成功處理函數的回調函數。

Answer 2

Basiclly ...您需要確保在<option>有一個值。 下面是示例

（HTML - script.html）

<select id="parent"> 
    <option value="0">First</option> 
    <option value="1">Second</option> 
</select> 

（JS - 的index.html）

$(function(){ 
    $.get('script.html', function(data){ 
     $('#someDiv').append(data); // appends your select list to some div 

     /* after <select> is appended */ 
     var parent = '1'; 
     $('#parent').val(parent); // selects "Second" option 
    }) 
})