如何防止Chrome在<select>元素中保存/缓存所选的选项？
要防止Chrome在<select>元素中保存/缓存所选的选项，可以使用以下方法：
- 使用随机值：在<select>元素的每个<option>标签中添加一个随机值作为value属性。这样每次刷新页面时，Chrome都会认为<option>标签的value值发生了变化，从而不会缓存之前的选择。
示例代码：
<select>
<option value="randomValue1">Option 1</option>
<option value="randomValue2">Option 2</option>
<option value="randomValue3">Option 3</option>
</select>- 使用autocomplete属性：将<select>元素的autocomplete属性设置为"off"，这会告诉Chrome不要自动填充该字段。
示例代码：
<select autocomplete="off">
<option value="value1">Option 1</option>
<option value="value2">Option 2</option>
<option value="value3">Option 3</option>
</select>- 使用JavaScript重置选项：在页面加载完成后，使用JavaScript代码将<select>元素的选中项重置为默认选项。
示例代码：
<select id="mySelect">
<option value="value1">Option 1</option>
<option value="value2">Option 2</option>
<option value="value3">Option 3</option>
</select>
<script>
window.addEventListener('load', function() {
document.getElementById('mySelect').selectedIndex = 0;
});
</script>这些方法可以有效地防止Chrome在<select>元素中保存/缓存所选的选项。请注意，这些方法只适用于Chrome浏览器，其他浏览器可能有不同的行为。
相关·内容
在我的React应用程序中，我有以下JSX代码： </label> )}
它是一个简单的元素，将元素作为子元素。当最
浏览 17提问于2020-05-05得票数 0
1回答
Chrome缓存选择菜单
、、、
示例：<optionoption value="18" autocomplete="off">18</option>
<option value="24" autocomple
浏览 3提问于2015-12-29得票数 2
2回答
var obj = $("form select");alert(obj.find(":selected:eq(1)").val()); // Does Not Work
如何使用缓存的obj从其余的select元素中找到所选的<em
浏览 0提问于2011-05-04得票数 1
我有一个简单的选择下拉下拉的网页，其中每个选项元素都有不同的颜色。当展开时，颜色在Firefox (8.0)中显示得很好，但是只要你点击一个选项，关闭列表，颜色就会变回黑色。此问题似乎未出现在IE中 <option value='NS' style=&
浏览 0提问于2012-07-19得票数 1
如果<select>元素有selected选项，Chrome将忽略所选选项，即使在使用浏览器的“向后导航”功能时，<select>元素上的autocomplete="off"也是如此。我找到的一个解决办法是将select包装在<form>中，但我不希望在html中出现无关<
浏览 1提问于2019-10-16得票数 2
1回答
我想用struts实现一个动态的select元素。我需要允许用户将选项元素添加到页面上的选择元素，然后在提交表单时保存所有选项，而不仅仅是所选的选项。事实上，一旦提交，我甚至不关心所选的选项。例如，当用户进入页面时，表单bean中的集合将填充select<e
浏览 2提问于2013-01-30得票数 0
回答已采纳
3回答
在单击select元素时，需要记住所选元素的旧值。记得旧的值。选择选择选项并用选定的选项替换旧值！代码： $('#viewTableOrders tr td > select'
浏览 2提问于2010-12-03得票数 7
回答已采纳
3回答
在我的应用程序中，我有几个表单字段，有许多选项。我遇到的问题类似于：在每次加载页面时获取和解析所有选项是昂贵的(Twig一次又一次地呈现所有选项，而客户端缓存是不可能的)。(在这种情况下，国名不太可能经常更改)
浏览 0提问于2016-07-25得票数 5
回答已采纳
因此，我有一个奇怪的需求，其中我有一个启用了multiple选择的<select>元素。...</select>这里有一个，它看起来并不好。 overflow-y: hidden;
浏览 3提问于2018-01-08得票数 2
我有以下HTML代码： {{# each manageprofile_data}} {{/each}}以及它在meteorjs中对应的JS事件帮助器：
'change #<e
浏览 0提问于2015-05-18得票数 2
4回答
试图在.select中实现jQuery，而它在Chrome上似乎没有合作。点击输入，只选择简短的内容。$(document).on('focus','.a-thing', function () {});
浏览 3提问于2014-05-01得票数 1
回答已采纳
其中一个关键屏幕包含一个相当大的表，通常在50-100行之间。因此，我的计划是将每个选
浏览 0提问于2013-03-07得票数 2
我有两个jquery select2实例，它们具有相同的选项和相同的类，每当我在一个select2实例中选择一个选项时，这两个实例都变得不可用。<select class="select2-element" multiple="multiple"> //instance 1
<option value="AL">Alabam
浏览 2提问于2016-06-23得票数 0
回答已采纳
1回答
> 如您所见，有一个保存按钮和一个带有动态选项的select下拉列表。单击“保存”按钮时，需要它发送从相应的下拉列表中选择的任何值。我知道如何将该值绑定到我在类中创建的变量，但可能会有10个不同的保存按钮，所选的值可能有10个，因此我假设每个选择下拉列表都需要一个局部变量。我将#m
浏览 3提问于2016-11-24得票数 0
1回答
我在一个html页面中有一个带有id="a“的select元素(例如)。我有一个名为f()的函数。当我写的时候它可以工作，这意味着每次我在下拉列表中更改所选值时，函数f()都会被调用。当我在新的</em
浏览 14提问于2020-03-10得票数 0
回答已采纳
1回答
在产品页面上，我有一些用户可以选择的选项： ? 在第一张图片上，没有选择任何选项。 当用户选择一个选项时，我希望它被圈成黑色，或任何指示器，以显示哪个选项被选中。现在，不可能看到选择了哪个选项： ? 这些选项是简单的Woocommerce选项(图像)。有没有什么方法可以告诉用户哪些选项是使用css或javascript选择的？
浏览 25提问于2019-03-09得票数 2
回答已采纳
您如何更改选中的选择(下拉菜单)选项(显示下拉菜单关闭的时间)的字体大小，而不影响打开下拉菜单时出现的其他选项？，特别是桌面Chrome。以下是我想要达到的目标：看到字体大小有什么不同了吗？HTML: <optgroup style="font-size: 8px !option value="option
浏览 6提问于2015-01-30得票数 3
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
