设置从服务器端加载的后退按钮上的下拉值
Set the dropdown value on back button getting loaded from server side
我有一个包含4个下拉列表的页面。当我选择第一个下拉列表时,有一个Ajax调用将过滤其他3个下拉列表数据,并单击提交按钮显示第二个页面。现在,当我点击浏览器的后退按钮时,第一页的下拉列表必须保留以前填写的数据。只有第一个下拉列表保留了数据,其他三个下拉列表没有填充之前选择的数据。为此,我在点击表单提交时设置cookie如下:
this.SetCookieForPriceGuide = function () {
document.cookie = "VehicleMake=" + $("#VehicleMake").val();
document.cookie = "VehicleYear=" + $("#VehicleYear").val();
document.cookie = "VehicleModel=" + $("#VehicleModel").val();
document.cookie = "VehicleDamage=" + $("#VehicleDamage").val();
};
在按钮点击事件中设置CookieForPriceGuide,在返回按钮上调用加载函数,我试图设置如下的下拉值
this.load = function () {
var VehicleYear = getCookie("VehicleYear");
var VehicleMake = getCookie("VehicleMake");
var VehicleModel = getCookie("VehicleModel");
var VehicleDamage = getCookie("VehicleDamage");
}
getCookie方法如下:
function getCookie(cookieValue) {
var textValue = cookieValue + "=";
var ca = document.cookie.split(';');
for (var i = 0; i < ca.length; i++) {
var c = ca[i];
while (c.charAt(0) == ' ') c = c.substring(1);
if (c.indexOf(textValue) == 0) {
return c.substring(textValue.length, c.length);
}
}
return "";
}
您可以如下设置下拉列表的选定值:
this.load = function () {
setSelectedValue('ddl_VehicleYearId', getCookie("VehicleYear"), 'defaultValue');
setSelectedValue('ddl_VehicleMakeId', getCookie("VehicleMake") 'defaultValue');
setSelectedValue('ddl_VehicleModelId', getCookie("VehicleModel") 'defaultValue');
setSelectedValue('ddl_VehicleDamageId', getCookie("VehicleDamage") 'defaultValue');
}
function setSelectedValue(dropdownId, cookieValue, defaultValue){
var element = document.getElementById(dropdownId);
if(cookieValue) // If cookie has value
element.value = cookieValue;
else // set default value
element.value = defaultValue;
}
相关文章:
- 客户端和服务器端调用 asp 按钮的问题
- 如何在服务器端的文本中添加按钮单击事件
- 如何关闭服务器端的当前选项卡按钮单击
- Datatables服务器端信息+带2个按钮的静态列
- 如何从输入类型按钮清除服务器端 html 文件的内容
- 有没有可能的方法可以在一次ASP按钮单击中同时显示JavaScript和服务器端代码中的消息
- 如何在 asp.net 中更新服务器端执行的 UI 按钮文本
- jQuery 按钮触发服务器端单击事件
- 在将数据发送到服务器端(php)之前,提交按钮出错
- 如何先调用客户端脚本函数,然后再调用服务器端按钮单击事件
- asp.net 按钮单击客户端和服务器端代码
- 如何在 Node.js 中从客户端调用服务器端函数(例如.html单击按钮)
- 单击浏览器的后退按钮后,Opera 浏览器不会在页面上触发 JS 或服务器端代码 (JSP)
- 单击按钮时执行客户端和服务器端功能 - 特定方案
- 使用javascript从服务器端的名称列表中创建按钮/href
- 有没有一种方法可以调用某些服务器端代码;新的“;按钮被按下
- 如何从服务器端的这些按钮获取信息
- 通过单击按钮或链接(javascript和/或php?)将服务器端文件设置为输入文件类型的值
- 使用隐藏按钮从JS调用服务器端函数
- 剑道窗口没有启动服务器端按钮