为使用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
    })
})