Jquery ui 使用jquery ui自动完成作为输入的范围

在一个网页Im构建中，我开始使用-标记作为输入，并启用内容可编辑标志。这样做的原因是，它们看起来更适合对齐，并且在您键入它们时，它们能够重新zise自己的。我把span的内容保存在keyup上的一个隐藏inputfield中

我会在需要时动态添加更多跨距

现在，当人们在我的span字段中键入时，我需要能够自动完成，但是。autocomplete似乎不适用于span字段（？），有什么简单的解决方案吗

<div>
  <input type="hidden" name="generated_name[1]" />
  <span contenteditable="true" class="editbox"></span>
  <input type="hidden" name="generated_name[2]" />
  <span contenteditable="true" class="editbox"></span>
</div>
<script>
  $(document).ready(function () {
    $('.editbox').live('keyup', function() {
      $(this).prev().val($(this).html());
    });
  });
</script>

---

有人知道这是否可以用简单的方法实现吗？

我想没有办法解决这个问题，因为自动完成依赖于输入。那么，那两个人在那里做什么？它们应该是

。

---

滥用跨度作为输入对我来说毫无意义。输入的目的正是您使用它的目的，您也可以对输入进行样式化，这不是用span替换它们的好借口。

我的sulotion基于jqueryui的自动完成来创建我自己的自动完成，并将.val（）的所有用法替换为.html（）。并在我的本地系统中将其重命名为spanautocomplete。（这是一个错误）@Etu：事件（如更改事件）是否没有问题？我没有注意到，最大的问题是内容跨uses.html，而inputs使用.val

$(document).ready(function() {
  var tags = [
    "Tag1", "Tag2", "Tag3", "Tag4", "Tag5", "Tag6", "Tag7"
  ];
  $('.editbox').autocomplete({
    source: tags
  });
});