使用JQuery更改输入字段的值后如何刷新它？

Question

我有一个带有空值的HTML输入元素（和一个Javascript模板）。通过AJAX和JQuery，我将上述值更新为一个用逗号分隔的单词列表。每个单词应变成带有“ X”的绿色矩形，以将其从字段中删除。当我在代码中写下相同的单词列表时，效果很好。

问题在于，当我将这个非常相同的字符串放入Value属性时。使用JQuery，它只是无法正常工作。我只是得到纯文本，只有当我在输入字段中单击并按TAB键时，才会出现那些精美的绿色矩形。然后它们仅成为一项，当我最后单击以将其删除时，它们就被拆分了（！）。

我已经尝试使用fadeOut（）和fadeIn（）以及refresh方法。没有用。

对此有什么想法吗？

HTML：

LAPACK

AJAX / JQUERY：

dtrcon

Answer 1

您输入的ID为tags_1，但您选择的输入类似于#tags_1_tag。这是为什么？我认为这可能是原因。

顺便说一句，当您使用var tags_x = tags_x.split(',');时，tags_x现在是一个数组。如果要将其放入值中，请将其转换为字符串，然后尝试将其放入值attr中。您可以在下面看到一个示例：

var new_x = tags_x.join('')
$('#tags_1_tag').val(new_x);