引導標簽輸入-在標簽之間添加

Question

我有一個標簽輸入字段，需要在其中進行一些更改。 例如，我以前有此字段->

我使用箭頭鍵將光標移回並刪除“測試”標簽->

然后，我再次在同一位置重新輸入->

我按向右箭頭鍵，然后將光標放回其位置。 我以“ test，phrase”的順序提交如上圖所示的表格。 但是結果是“短語，測試”。 我想保留編輯順序。 知道這里有什么問題嗎？

HTML代碼->

<div class="col-md-8 col-xs-12">
    <input type="text" data-role="tagsinput" class="form-control" name="phrases" placeholder="Enter Phrases In Order" value="<?php echo $phrases;?>" required>
</div>

php變量$ phrases正在以逗號分隔的格式從MySQL中獲取。

$phrases="test,phrase";

確實沒有多少代碼。 我只想在編輯訂單后保留訂單。

Answer 1

我對此進行了一些研究，但在文檔中找不到任何自定義選項來解決此問題。 我想出了一個簡單的修補程序，您可以在其中稍微修改bootstrap-tagsinput.js代碼。 我希望這能幫到您。

找到以下代碼行：

self.itemsArray.push(item);

並將其替換為此：

self.itemsArray.splice(self.findInputWrapper().index(), 0, item);

您可以執行console.log($("input").tagsinput('items')); 在更改標簽后查看返回的array 。

.push()將值添加到array的末尾，但是當您使用.splice()您可以指定添加位置。

那應該解決您的問題。