javascript - 输入元素中的 Google Chrome Javascript 文本集在下一个事件中消失

Question

我正在尝试将文本放入 HTML 输入元素中。我使用 jquery 提取输入元素，如代码所示。这很好用。然后我更改临时出现在文本框中和属性列表中的 value 属性。但随后文本在下一个触发事件时消失。我查看了输入元素的属性，有两个属性似乎很重要。“价值”和“_价值”。如果两者都在属性列表中设置，则框中的文本将保持不变。我尝试了各种方法来触发更改事件。认为会设置 _value 属性，但事实并非如此。我尝试通过设置属性来更改 _value。它仅将其添加到输入元素，但不设置属性列表中的值。我也尝试过复制/粘贴手动执行时有效的文本。

~~~~~~Javascript Snippet

    var inputs = $("section.listing-editor__section input");
    console.log(inputs.length);
  inputs.each((l) => console.log(inputs[l]));
  inputs[1].focus();
  inputs[1].select();
  inputs[1].value = "test21";  //TITLE
    inputs[1].setAttribute("_value" , "test21");

  ~~~~~~~~~~~~



~~~~~~~HTML
<input type="text" placeholder="What is Item Title? (required)" maxlength="50" data-vv-name="title" class="form__text p--3" aria-required="true" aria-invalid="false">

~~~~~~~~~

标签： javascriptjquerygoogle-chrome