Question

我有一个网站，用户可以从数据库中选择不同的选项。可以说我有一个动物数据库。用户可以选择不同的动物。我正在使用AJAX来获取数据，因此我的页面不会为每个新标题重新加载。

因此，用户在标题“Brown animals”下找到动物，并通过选中复选框选择“小猫”。并且用户继续搜索并在标题“可爱的动物”下，“小猫”再次出现。然后应该检查“小猫”，因为用户之前已经检查过它。在搜索了许多标题和不同的动物后，用户可以提交它。

我的问题是我该怎么做？我想在输入中添加每只动物的每个Id。像这样<Input type="hidden" value="1,4,7,14,34,192">但是如果用户想要那么删除元素就意识到了这个问题。

我还有其他办法吗？

编辑（澄清）： 我正在使用ajax从数据库中获取记录。数据库由数千行动物组成。我正在发送带有参数的Ajax请求，例如。？cute = 1＆amp; color = brown＆amp; wild = 1＆amp; vegetarian = 1等等。根据参数，它打印出正确的动物。当它打印出新动物时，你可能会遇到一只动物第二次出现（即使我第一次选择它），如果是这种情况，它应该是一个选定的选项。

因此，如果我在“可爱的动物”中选择了小猫并且我对“褐色”进行了新的搜索，并且小猫再次出现，则应该选择它。

Answer 1

我找到了一种方法：每个动物/复选框都有一个Id。当我选择该选项时，我调用函数addanimal（id）。然后它将数字写入隐藏的输入中。取消选择后，它会将数字替换为＆＃39;＆＃39;。

function addanimal(id){

if (document.getElementById("animal" + id).checked){
    document.getElementById("selectedanimal").value = document.getElementById("selectedanimal").value + " " + id + ", "; 

} else {
    document.getElementById("selectedanimal").value = document.getElementById("selectedanimal").value.replace(' ' + id + ',', '')
}

}

Answer 2

我不确定我的问题是否正确;但可能你可以将你的信息存储到localStorage。

有关localStorage（或sessionStorage）的完整文档，请查看此处：https://www.w3schools.com/html/html5_webstorage.asp

以简单的方式存储和删除数据

2 个答案: