跟蹤從自動建議文本框中選擇的元素的ID的最佳方法是什么？

Question

我有一個自動建議的文本框。 用戶可以在數據庫中選擇一個已經存在的項目，然后鍵入一個新項目。

如果選擇了項目，如何跟蹤ID（存儲來自數據庫的項目列表的ID）？

Answer 1

最佳選擇取決於上下文。 有很多方法可以做到這一點。

正如Jordan建議的那樣，在表單中使用<input type="hidden" ...> ，尤其是如果該值將通過表單提交時。

將值存儲在javascript var或object 。

有jQuery的Data Cache 。 這是一個簡單的鍵值存儲。

$("body").data("key","foo");
$("body").data("key"); // returns "foo"

您可以將值存儲在cookie. 如果您希望該值保持不變，這可能很有意義。

Answer 2

從數據庫加載項目時，將其作為JSON字符串加載，因此值及其關聯的ID都將傳遞到您的JavaScript中。 您甚至可以按以下值對其進行索引：

var index = {};
index["some value"] = "some_id";

然后，當您要再次提交給數據庫時，只需參考ID。

Answer 3

我會將現有項目的ID分配給隱藏的<input>元素。 發布表單時，您可以先檢查隱藏的<input>元素中的值。 如果沒有，則使用其他文本<input> 。