如何在使用JQuery更改其值后刷新輸入字段？

Question

我有一個帶有空值的HTML（和一個Javascript模板）中的Input元素。 通過AJAX和JQuery，我將所述值更新為用逗號分隔的單詞列表。 每個單詞都應該成為帶有“X”的綠色復制品，以便將其從場中移除。 當我在代碼中寫下它時，相同的單詞列表工作正常。

問題是當我把這個非常相同的字符串放在Value attrib中時。 使用JQuery，它只是無法正常工作。 我只是得到純文本，只有當我在輸入字段內點擊並按下TAB鍵時才會出現那些花哨的綠色復古。 然后他們只成為一個項目，當我最終點擊刪除它，然后他們分裂（！）。

我已經嘗試過使用fadeOut（）和fadeIn（）以及refresh方法。 不工作。

有關於此的任何想法？

HTML：

<input id="tags_1" type="text" class="tags form-control" value="" />

AJAX / JQUERY：

var tags_x = tags_x.replace(/\,/g, ', ');
var tags_x = tags_x.split(',');

$('#tags_1').val(tags_x);
$('#tags_1').attr('value', tags_x);
$('#tags_1').fadeOut();
$('#tags_1').fadeIn();

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);