javascript - 如何在删除文本框中的字符时使用 jquery 删除值

Question

我有这个代码

<input type="hidden" value="[{"value":1,"label":"Emmoia Boently"},{"value":6,"label":"John Smith"}]" name="group[users][]" id="users">

<input type="text" value="Emmoia--Boently, John--Smith, " name="autocompleter_group[users][]" id="autocompleter_userss" class="ui-autocomplete-input" autocomplete="off" role="textbox" aria-autocomplete="list" aria-haspopup="true">

现在我的问题是当前的 javascript 正在将文本框中的值添加到隐藏的字段中。

但是当我删除文本时，它不会从隐藏的输入字段中删除。

所以我想在 jquery 中做，当我开始删除主文本框中的文本时，隐藏输入字段中的值也会被删除。

就像我们在 SO 中删除问题页面中的标签字符时所做的那样

Answer 1

$("#autocompleter_userss").on("keyup", function() {
    $("#users").val($(this).val());
});

小提琴

Answer 2

更新：似乎您正在寻找标签编辑器。有关详细链接，请参阅此帖子:)

---

$('input#1').change(function(){
  $('input#hidden').val($(this).val());
});

此外，您可以尝试一些 data-binidng 库，例如knockout.js等。