javascript - 有没有办法在 JavaScript/jQuery 中强制 DOM 焦点？

Question

我有一些代码可以根据用户的选择动态加载选择框。

我在里面有代码指示要像这样选择一个特定的选项:

    //returns a string of <option>s by ID
    $('#subtopic_id').load('ajax.php?f=newSubtopic&topic_id=' + id);
    $('#subtopic_id').removeAttr('disabled');
    alert('hi');
    $('#subtopic_id').val(66); //forces SELECT box to show a specific option

但是，只有当我在上面的代码中有 alert('hi'); 时它才有效。当我删除 alert 行时，试图强制选择 66 的选择框似乎不起作用。

可能出了什么问题？我只能想象 alert 以某种方式捕获了焦点，或者可能引入了延迟，或者做了一些其他让下一行工作的魔法。

Answer 1

问题是因为 load() 是异步的，因此您需要提供一个回调函数，以便在 AJAX 请求完成并且内容已放入 DOM 时执行。只有这样你才能设置你需要的val()。试试这个:

$('#subtopic_id').load('ajax.php?f=newSubtopic&topic_id=' + id, function() {
  $(this).prop('disabled', false).val('66');
});