ajax里面的.val,jQuery val（）没有处理通过ajax追加的选项

我有一个jQuery / Ajax函数，它将2 附加到。

function addOption() {

var author = $("#authors").val();

$('#books').empty();

$('#books').html('Please Select');

$.ajax({

type: "post",

url: "books.php",

data: { author:author },

success: function(response){

$('#books').append(response);

}

});

}

response以 -的形式返回

Book A

Book B

现在books是 -

Please Select

Book A

Book B

这很有效。

现在我想在调用selected后使用option设置.val() addOption() -

$('#authors').change( function(){

addOption();

$('#books').val('bookB');

});

这不会选择Book B。

如果我硬编码.append()它有效 -

function addOption() {

var author = $("#author").val();

$('#books').empty();

$('#books').html('Please Select');

$('#books').append('Book A\nBook B);

}

$('#authors').change( function(){

addOption();

$('#books').val('bookB');

});

是否有理由不能使用.ajax选择.val()函数中附加的选项，如果我直接附加它，可以将其添加？