使用 jquery 將文本添加到輸入框

Question

我在頁面上有一個元素，如下所示：

<textarea id="note-content" rows="4"></textarea>

當我嘗試編寫一些 jQuery 來添加一些文本時：

$('#note-content').val('hi')

“提交”值的按鈕仍然是灰色的。

我試過了

function setKeywordText(text) {
    var el = document.getElementById("note-content");
    el.value = text;
    var evt = document.createEvent("Events");
    evt.initEvent("change", true, true);
    el.dispatchEvent(evt);
}

setKeywordText("test")

作為“模擬”向瀏覽器發送擊鍵的一種方式，但這似乎也不起作用。

有什么想法嗎？

Answer 1

您可以通過 javascript 做到這一點

<script>
function changetext(){
document.getElementById("note-content").value = "hi";
}
<script>

它應該定義。 工作。 另外，您所說的瀏覽器模擬究竟是什么意思？ 我錯過了什么嗎？

Answer 2

出現此問題的原因是您的按鈕已disabled 。

要解決此問題，您將使用jQuery.fn.removeAttr刪除disabled屬性，如下所示：

$("#button-id").removeAttr("disabled");

將此解決方案添加到您的香草 JavaScript 代碼中，如下所示：

function setKeywordText(text) {
  // disable button
  var btn = document.getElementById("button-id");
  btn.disabled = false;
  // set input value
  var el = document.getElementById("note-content");
  el.value = text;
  // create and dispatch the event
  var evt = document.createEvent("Events");
  evt.initEvent("change", true, true);
  el.dispatchEvent(evt);
}

// run the function
setKeywordText("test");

祝你好運。