為使用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

基本...你需要確保在<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
    })
})