javascript - 关闭当前页面后仍然无法选择更改背景的项目

Question

我有一个网站，我在其中插入一个带有选项的选项供用户选择，并且选择的每个选项都会导致页面背景颜色发生变化。

我还有一个导航器可以在 2 个页面之间移动（例如，标题为“Title A”的页面和另一个具有相同 DOM 结构但标题为“Title B”的页面）

该选项包括“iA、iB、iC”项目。

问题是这样的，

在页面A中，如果我选择一个选项，例如iB更改背景颜色，然后我选择导航器选择页面B，尽管背景刷新到页面B，我仍然会看到所选的iB。

请任何人有任何想法。我相信这是一个缓存问题，但我不知道如何使用一段 javascript [jquery] 代码或每次刷新页面时刷新缓存的方法来解决这个问题。谢谢

score 0 · Accepted Answer

我认为这是一种缓存效应。要解决此问题，请尝试通过 js 选择针选项。像这样的东西：

$(function(){
  $('#your_option_id_for_example_iA').click();
})

score 0 · Accepted Answer

这是由于现代浏览器中的“功能”可以记住您在输入字段中的选择/输入。它被称为autocomplete。为防止浏览器记住您的选择，您需要将其关闭。它可以用 HTML 或 JavaScript/jQuery 来完成。

HTML：

// For just a specific element
<input type="text" autocomplete="off" />
// For an entire form
<form autocomplete="off">

jQuery：

$('input, select').attr('autocomplete', 'off');

2 回答 2