jQuery更改頁面加載后創建的輸入的值

Question

我只需要更改在單擊按鈕時創建的輸入字段的值。 我嘗試了下面的方法，但是由於頁面加載時元素不存在，它給了我未定義的錯誤。 有任何想法嗎？

$('#test').val("test");

我將以下代碼用於click事件，但我也不知道如何為上述事件做同樣的事情

$('body').on("click", ".btnx", function() {
    //do something
});

Answer 1

$('#test').click(function(){
    //code here
});

Answer 2

$('#test').empty();
$('#test').append('test');

Answer 3

當您要設置添加到控件之外的輸入的值時，沒有什么類似於委托事件，因為沒有等待事件。

您可以等待元素出現，並在該元素存在時設置值：

var handle = window.setInterval(function(){
  var i = $('#test');
  if (i.length) {
    i.val('test');
    window.clearInterval(handle);
  }
}, 100);

間隔100表示​​它每秒檢查10次，因此在創建元素后更改值的時間可能長達1/10秒。 您可以根據所需的設置速度和允許的開銷來調整該值。