为使用AJAX动态生成的选择框设置精确选项

Question

My AJAX function generates #parent select-box on the fly. The problem is, i can't set exact option after menu generation

Tried

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

And

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

no success!. Any suggetions?

Answer 1

Neither onload nor ready will wait for an Ajax request. Move the function to the callback that you pass to the success handler.

Answer 2

Basiclly... You need to be sure that in <option> there is a value. Here is example

(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
    })
})