使用 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");

祝你好运。