使用cookies在页面重新加载后将所选语言保留在下拉列表中
，可以通过以下步骤实现：
- 首先，需要在页面加载时检查是否存在保存语言选择的cookie。可以使用JavaScript的
document.cookie属性来获取当前页面的所有cookie。 - 如果存在保存语言选择的cookie，则从cookie中获取所选语言的值。
- 将获取到的语言值与下拉列表中的选项进行匹配，将匹配到的选项设置为选中状态。
- 如果不存在保存语言选择的cookie，则使用默认的语言选项。
下面是一个示例代码，演示如何使用cookies在页面重新加载后将所选语言保留在下拉列表中：
<!DOCTYPE html>
<html>
<head>
<title>Language Selection</title>
<script>
// 检查是否存在保存语言选择的cookie
function checkLanguageCookie() {
var language = getCookie("language");
if (language) {
// 将获取到的语言值与下拉列表中的选项进行匹配
var select = document.getElementById("languageSelect");
for (var i = 0; i < select.options.length; i++) {
if (select.options[i].value === language) {
// 将匹配到的选项设置为选中状态
select.options[i].selected = true;
break;
}
}
}
}
// 获取指定名称的cookie值
function getCookie(name) {
var cookies = document.cookie.split("; ");
for (var i = 0; i < cookies.length; i++) {
var cookie = cookies[i].split("=");
if (cookie[0] === name) {
return cookie[1];
}
}
return "";
}
// 保存语言选择的cookie
function saveLanguageCookie() {
var select = document.getElementById("languageSelect");
var language = select.options[select.selectedIndex].value;
document.cookie = "language=" + language;
}
</script>
</head>
<body onload="checkLanguageCookie()">
<h1>Language Selection</h1>
<select id="languageSelect">
<option value="en">English</option>
<option value="zh">中文</option>
<option value="es">Español</option>
</select>
<button onclick="saveLanguageCookie()">Save</button>
</body>
</html>在上述示例代码中，我们通过JavaScript的document.cookie属性来获取和设置cookie。在页面加载时，调用checkLanguageCookie()函数来检查是否存在保存语言选择的cookie，并将所选语言设置为下拉列表中的选中状态。在用户选择语言后，点击"Save"按钮时，调用saveLanguageCookie()函数来保存语言选择的cookie。
这样，当页面重新加载时，所选语言将保留在下拉列表中。
相关·内容
问题是： 有一个登录页面，一个添加了ant设计的语言开关，特别是通过Select / Option。翻译是通过i18react库完成的。因此，有必要在页面重新加载时，所选语言显示在下拉列表中，而不是重置为默认语言。我知道通过document.cookie可以做什么。但是怎么做呢？好吧，我会把languages放在cookies里。然后，如何将它们固定到这个Select
浏览 31提问于2021-10-01得票数 1
Bug no. 1:除了下拉列表中的"English“语言之外，如果我选择了任何示例”法语“，它将正确地降落到法语页面，但是如果我在法语页面中选择了"about-us”或任何其他导航菜单，它就会降落到正确的页面上，但是在下拉列表中显示"English“而不是”法语“应该是可见的。
浏览 2提问于2020-03-19得票数 1
1回答
我有一个表单可以更改语言(到目前为止，有3种语言)，除了页面重新加载时，内容会更改为新的语言，但是从下拉列表中选择的选项会丢失(相反，会显示默认语言)。如何在重新加载页面后保留所选语言？
浏览 0提问于2019-04-07得票数 3
回答已采纳
3回答
我可以通过这个来设置语言$this->lang->load('file', 'german');我怎样才能做到这一点呢？有谁
浏览 0提问于2011-11-27得票数 1
1回答
页面2(2)使用网格视图查看数据。会话用于执行从页(1)到页(2)的记录。在页面(1)的页面加载中，如果会话不是空，它将将值加载到文本框等。
我的问题是，我已经在一个Autopostback=true下
浏览 0提问于2013-09-25得票数 0
通过创建会话，我试图在页面重新加载后将所选值保存在下拉框中，但我不确定我的逻辑是否有效，因为下拉列表没有在刷新之前保留选定的值。
浏览 3提问于2013-10-29得票数 0
回答已采纳
4回答
在重新加载页面后，我尝试保留选定的项，这是我的下拉列表。
我在加载下拉列表中使用了以下代码 data-bind="value:SelectedOrganisationData,= PayrollIntegrationVM.SelectedOrganisationData().Tena
浏览 4提问于2021-04-22得票数 0
回答已采纳
我的ColdFusion页面上有一个下拉菜单，可以根据选择过滤数据列表。选择将通过URL传递，并显示结果。问题是，我想保留在页面重新加载后所做的选择。现在，它每次都会回到第一个选项。这就是我如何通过下拉菜单的onChange传递它： query...
</cfif>
浏览 0提问于2011-02-07得票数 0
我是ASP.NET的新手；我在页面中有一个DropDownList (有一个主页)：依赖于DropDownList (cmbPrueba)，placeHolder使用</e
浏览 2提问于2014-07-29得票数 0
正如这里所建议的，我在下拉列表中添加了autopostback = true来重新加载我的页面。那么如何在重新加载页面之前保留我以前的值呢？
浏览 1提问于2012-10-05得票数 1
有有语言的dropdown列表，每次从下拉列表中更改所选项目时，如何重新加载页面？
浏览 2提问于2014-12-07得票数 1
回答已采纳
我正在使用jQuery 1.4.3，有一个新手问题。在下面的.submit函数中，在单击submit按钮之后，我在facilityCodes下拉列表中获取所选选项的值，然后在submit函数期间，在下拉列表中再次选择facilityCode，然后禁用该列表然而，情况是当我在单击submit按钮后重新加载
浏览 2提问于2011-07-13得票数 0
2回答
我有一个下拉列表和2个列表框在一个更新的面板和页面上的保存按钮。当页面加载时，我使用与所选下拉项相关的数据加载其中一个列表框。当用户在下拉列表中选择不同的项时，我执行回发，并使用与所选项相关的数据重新加载列表框。当用户在页面上单击save时
浏览 0提问于2009-04-23得票数 0
回答已采纳
目前我使用java脚本，并将值作为查询字符串传递，并在控制器中捕获它。这会导致页面刷新。有没有办法在不刷新页面的情况下做到这一点？
浏览 1提问于2015-03-26得票数 0
1回答
我有一个下拉在我的网站，其中有许多语言。当用户选择另一种语言时，页面文本将重新加载到该语言中。我希望通过指定所选语言的选定索引来更改语言以反映这一点。但是，当我这样做时，HTML中的下拉列表不会改变，并且总是显示列表中的第一项。当这被传递到视图中时，所选语言
浏览 3提问于2013-07-18得票数 2
回答已采纳
2回答
我正在学习一起使用javascript、ajax、python和django。如何在不重新加载html
浏览 0提问于2012-11-13得票数 0
回答已采纳
this.course_sno.DataBind(); catch (Exception exc) { }
方法在我的课堂上sqlList).ExecuteReader();........
现在的问题是，当我更改下拉选择并按
浏览 1提问于2013-12-19得票数 2
回答已采纳
有一个下拉列表，用于选择国家/地区，然后在提交后在同一页面中显示结果。下拉列表的代码如下：
浏览 74提问于2021-02-25得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
