在旧版本的 Firefox 中回发页面时,未在下拉列表中选择值
Values not getting selected into the dropdown when page is postback in older version of firefox
我有一个jQuery函数,当页面使用后退按钮回发时执行。但是当页面在旧版本的 Firefox 中回发时,下拉值不会改变。在旧版本中,它只是在页面回发时显示默认值。下面是jQuery函数:
function loadData() {
try {
var URL = "/Home/LoadBackdata/" + new Date().getMilliseconds();
$.post(URL, null, function (data) {
debugger;
if (data != "") {
var backData = data.split(",");
if (backData[0] != "") {
$('#ConsignorAddressCountryId option').removeAttr('selected');
// [1]
$("#ConsignorAddressCountryId option[value=" + backData[0] +").prop('selected', true);
//ConsigneeAddressCountryId is the id of another class which consist of a dropdown
$('#ConsigneeAddressCountryId option').removeAttr('selected');
$("#ConsigneeAddressCountryId option[value=" + backData[3] +").prop('selected', true);
$('#drpQuantity option').removeAttr('selected');
$('#drpQuantity').prop('selectedIndex', ((parseInt(backData[13]) == 0) ? 0 : (parseInt(backData[13]) - 1)));
}
}
});
[1]
是我删除默认选定值的地方 - ConsignorAddressCountryId
是由下拉列表组成的类的 id。
我也尝试了一些东西。下面是代码:
function loadData() {
try {
var URL = "/Home/LoadBackdata/" + new Date().getMilliseconds();
$.post(URL, null, function (data) {
debugger;
if (data != "") {
var backData = data.split(",");
if (backData[0] != "") {
$('#ConsignorAddressCountryId option').removeAttr('selected');
$("#ConsignorAddressCountryId").find('option:Selected').removeAttr("selected");
document.getElementById('ConsignorAddressCountryId').selectedIndex = -1;
var ttt = $("#ConsignorAddressCountryId option[value=" + backData[0] + "]").text();
$("#dvQuoteFrom >div >a >span >.selectBox-label").first().text("ttt");
$("#ConsignorAddressCountryId option[value=" + backData[0] + "]").prop('selected', true);
$('#ConsigneeAddressCountryId option').removeAttr('selected');
document.getElementById('ConsigneeAddressCountryId').selectedIndex = -1;
var Consignee = $("#ConsigneeAddressCountryId option[value=" + backData[0] + "]").text();
$("#dvQuoteTo >div >a >span >.selectBox-label").first().text(Consignee);
$("#ConsigneeAddressCountryId option[value=" + backData[3] + "]").prop('selected', true);
$("#drpQuantity").find('option:Selected').removeAttr("selected");
document.getElementById('drpQuantity').selectedIndex = -1;
var Quantity = $("#drpQuantity option[value=" + backData[13] + "]").text();
$("#divQuantity>a >span >.selectBox-label").first().text(parseInt(10));
$('#drpQuantity').prop('selectedIndex', ((parseInt(backData[13]) == 0) ? 0 : (parseInt(backData[13]) - 1)));
}
}
});
但它仍然无法在旧版本的Firefox中工作。
尝试使用重置功能喜欢删除选定的:
$('#yourdropdownid').reset();
要设置选定的值,您可以像以下那样使用 val():
$('#yourdropdownid').val(your value);
相关文章:
- 如何使用jQuery选择下拉列表的值
- Jquery 读取编号组中选择下拉列表的数组
- 使用$_POST值选择下拉列表
- 使用Ajax或JavaScript选择下拉列表选项后,在同一页面上执行PHP脚本
- 根据url填充表单选择下拉列表
- 使 URL 开始选择下拉列表
- 引导程序选择下拉列表
- 如何通过选择下拉列表中的选项从另一个 php 文件中获取数据
- 保持元素处于禁用状态,直到未在 Angularjs 中选择下拉列表
- Knockoutjs - 单击按钮时打开选择下拉列表
- 使用选择下拉列表的性别角度过滤器
- 如何根据选择下拉列表从表单重定向到 URL
- 如果未选择第一项,请选择下拉列表 jQuery
- 选择下拉列表需要在选中时显示提供商的详细信息-无法通过我的脚本显示url
- 使用对象(JavaScript或jQuery)填充选择下拉列表
- 如何在选择下拉列表值的文本框中获取值
- 删除基于先前下拉列表选择的“选择下拉列表”选项
- jQuery验证插件-比较两个选择下拉列表的自定义方法
- 通过ajax选择下拉列表
- JavaScript:使用用于Protractor测试的页面对象选择下拉列表项