时间:2021-05-26
Bug现场:
通过开发人员工具查看,下拉列表框是有Options的,但你点击选择的时候却什么也不显示。
重现步骤:
该问题发生在级联下拉框的情况,第一个列表改变,第二个列表的值跟着改变!
本例中使用以下方法绑定数据:
复制代码 代码如下:
//绑定下拉框
//ctnSelector:下拉框ID,带#号,
//jsonData:JSON数据,
//txtField:文本字段名称,
//valField:值字段名称,
//strOptions:默认填加的项
function InitSelectOptions(ctnSelector, jsonData, txtField, valField, strOptions) {
if ($(ctnSelector).length == 0) { return false; };
$(ctnSelector).html('');
var optList = strOptions;
if (typeof (jsonData) != undefined) {
for (var jitem in jsonData) {
if (jitem == "insertAt" || jitem == "removeAt" || jitem == "moveTo") {
continue; //解决flareJ.Base.js导致的问题。
}
optList += "<option value='" + jsonData[jitem][valField] + "'>" + jsonData[jitem][txtField] + "</option>";
}
}
$(ctnSelector).html(optList);
}
正常加载时不会出现任何问题!
但当因第一个下拉框的值改变,而第二个下拉框的选项都被清空了,
然后你还是去点第二个下拉框试图去选择一项后,
再去更改第一个下拉框的选项,
你会发现之前第二个下拉框中显示的与第一个下拉框对应的项却怎么也显示不出来了,
只能显示第一个,或是通过脚本设置为选中的一个!
解决方案:
使用DOM的方法去操作Options,代码如下:
复制代码 代码如下:
//绑定下拉框
//ctnSelector:下拉框ID,带#号,
//jsonData:JSON数据,
//txtField:文本字段名称,
//valField:值字段名称,
//strOptions:默认填加的项
function InitSelectOptions(ctnSelector, jsonData, txtField, valField, strOptions) {
if ($(ctnSelector).length == 0) { return false; };
$(ctnSelector).empty();
var sel = $(ctnSelector).get(0);
var newOpt = $(strOptions);
var newOption1 = document.createElement("OPTION");
newOption1.text = newOpt.text();
newOption1.value = newOpt.val();
sel.options.add(newOption1);
if (typeof (jsonData) != undefined) {
for (var jitem in jsonData) {
if (jitem == "insertAt" || jitem == "removeAt" || jitem == "moveTo") {
continue; //解决flareJ.Base.js导致的问题。
}
var newOption = document.createElement("OPTION");
newOption.text = jsonData[jitem][txtField];
newOption.value = jsonData[jitem][valField];
sel.options.add(newOption);
}
}
}
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
IE8将具有多种兼容模式。IE平台建筑师ChrisWilson在博客中写到,IE平台的工作是同时提供互操作性(网页在不同浏览器的均能正常工作)和向后兼容性(
IE9兼容模式的设置方法是打开IE浏览器,点击“工具”选项,会跳出一个下拉菜单,选择“兼容性视图设置”选项。进入兼容性视图设置之后,填入所需要设置兼容模式的网址
bootstrapIE8兼容性处理BootstrapIE8兼容性左侧右侧针对IE8仍然需要额外引入Respond.js文件以支持媒体查询(mediaquery)
什么是兼容性视图?兼容性视图是针对旧版IE设计的网站提供的一种渲染模式,可以解决部分网站网页错位,图片显示异常,附件不能上传等问题。如何启用和和取消兼容性视图?
在IE8以上版本浏览器中,都有一个兼容性设置,可以让一些兼容性不好,显示错乱的网页显示正常。那么百度浏览器兼容模式怎么设置?对于这个问题,网上有些朋友说,百