输入元素的值已更改但未显示在浏览器中？

Question

我为表单的一部分编写了一个实时搜索字段，当建议出现并且用户单击其中的一个时，将调用js函数（selectedService）以获取{{用户点击的innerHTML中的1}}！ 当您在浏览器的“检查元素”中查看代码，而在网页上看不到代码时，一切都将完美运行！

在用户单击建议后，输入元素的value属性在代码中但在浏览器中更改。输入字段的内容仍然是用户在其中输入的内容。

这是代码：

li

检查元素中的结果：

我将不胜感激：）

Answer 1

您可以直接设置value属性：

input.value=li_target.innerHTML;

Answer 2

input.value = li_target.innerHTML

Answer 3

您可以使用jQuery UI进行自动完成搜索。

Answer 4

可能您正在使用firefox浏览器，您应该使用它在chrome和firefox中都可以使用。

input.value = li_target.innerHTML;

发生这种情况是因为属性和属性不同。

属性是在HTML标记上定义的，而属性是在DOM上定义的。