jquery - 如何在输入字段中触发事件？

Question

我正在尝试使用 jquery更新Input Parameter - Name 中的值：

$("#camunda-parameterName").val('Single2');

它正在改变价值，但并未反映在所有领域。

在更新使用键盘的快乐场景中，值反映在所有字段中。

快乐场景中的以下屏幕用户输入名称：

但是当使用 jquery 时，输入字段已更新，但并非所有字段都反映了此更改：

我尝试以下命令但不工作：

$("#camunda-parameterName").val('Single2').change();
$("#camunda-parameterName").trigger('focus')
$("#camunda-parameterName").trigger('blur');
$("#camunda-parameterName").trigger('input');
$("#camunda-parameterName").change();

Answer 1

你可以这样做：

$("#yourfield").on("keyup", function() {
  var val = $(this).val();
  $(".yourfield2").text(val);
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<p>You have to have an ID or a Class (if you want to populate on multiple spots) everywhere you want to change the text</p>
<input type="text" name="yourfield" id="yourfield"><br>
<p class="yourfield2">Your Text will be display here</p>
<p class="yourfield2">and here</p>

希望您理解我的意思并可以在您的项目中使用它！

Answer 2

evt = new MouseEvent(('change'), {
    view: window,
    bubbles: true,
    cancelable: true
  });

document.getElementByID('camunda-parameterName"').dispatchEvent(evt);