加载后Javascript设置输入值

Question

我有一个带有生成的输入字段的 div。单击按钮后我想刷新 div 然后设置值。

<div>
  <input id="1" name="1" type="text" />
  <input id="2" name="2" type="text" />
</div>
<button type="button" onClick="change();">Change</button>

Javascript 函数:

function change(){
  $('div').load(' div');
  $("input[type='text']").val("some text");            
}

为什么加载后我无法设置输入值？我该如何解决？谢谢

Answer 1

.load() 是异步。所以当你这样做时:

$('div').load(' div');
$("input[type='text']").val("some text");

第二行在内容加载之前执行。为了响应内容加载完成，需要使用回调函数:

$('div').load(' div', function () {
    $("input[type='text']").val("some text");
});