select options标签IE6兼容解决方案
来源:互联网 发布:pp助手 mac打不开 编辑:程序博客网 时间:2024/05/18 10:34
<script type="text/javascript">
Fix = {"FixWidth":function FixWidth(selectObj) {
var newSelectObj = document.createElement("select");
newSelectObj = selectObj.cloneNode(true);
newSelectObj.selectedIndex = selectObj.selectedIndex;
newSelectObj.onmouseover = null;
var e = selectObj;
var absTop = e.offsetTop;
var absLeft = e.offsetLeft;
while (e = e.offsetParent) {
absTop += e.offsetTop;
absLeft += e.offsetLeft;
}
with (newSelectObj.style) {
position = "absolute";
top = absTop + "px";
left = absLeft + "px";
width = "auto";
}
var rollback = function () { Fix.RollbackWidth(selectObj, newSelectObj); };
if (window.addEventListener) {
newSelectObj.addEventListener("blur", rollback, false);
newSelectObj.addEventListener("change", rollback, false);
}
else {
newSelectObj.attachEvent("onblur", rollback);
newSelectObj.attachEvent("onchange", rollback);
}
selectObj.style.visibility = "hidden";
document.body.appendChild(newSelectObj);
newSelectObj.focus();
},
"RollbackWidth":function RollbackWidth(selectObj, newSelectObj) {
selectObj.selectedIndex = newSelectObj.selectedIndex;
selectObj.style.visibility = "visible";
document.body.removeChild(newSelectObj);
}
}
</script>
Fix = {"FixWidth":function FixWidth(selectObj) {
var newSelectObj = document.createElement("select");
newSelectObj = selectObj.cloneNode(true);
newSelectObj.selectedIndex = selectObj.selectedIndex;
newSelectObj.onmouseover = null;
var e = selectObj;
var absTop = e.offsetTop;
var absLeft = e.offsetLeft;
while (e = e.offsetParent) {
absTop += e.offsetTop;
absLeft += e.offsetLeft;
}
with (newSelectObj.style) {
position = "absolute";
top = absTop + "px";
left = absLeft + "px";
width = "auto";
}
var rollback = function () { Fix.RollbackWidth(selectObj, newSelectObj); };
if (window.addEventListener) {
newSelectObj.addEventListener("blur", rollback, false);
newSelectObj.addEventListener("change", rollback, false);
}
else {
newSelectObj.attachEvent("onblur", rollback);
newSelectObj.attachEvent("onchange", rollback);
}
selectObj.style.visibility = "hidden";
document.body.appendChild(newSelectObj);
newSelectObj.focus();
},
"RollbackWidth":function RollbackWidth(selectObj, newSelectObj) {
selectObj.selectedIndex = newSelectObj.selectedIndex;
selectObj.style.visibility = "visible";
document.body.removeChild(newSelectObj);
}
}
</script>
- select options标签IE6兼容解决方案
- 关于ie6/ie7下select标签的高度设置兼容
- select兼容ie6样式
- IE6中select标签的option不能disabled的解决方案
- IE6中select标签的option不能disabled的解决方案
- colorpicker 不兼容IE6解决方案
- IE6 不兼容的解决方案
- 垂直居中解决方案,兼容ie6+
- html:select,html:option,html:options标签
- select标签移动端兼容
- 关于HTML5标签不兼容(IE6~8)
- input标签上传按钮兼容ie6
- HTML5语义化标签兼容IE6~8
- IE6不兼容position:fixed的解决方案
- JS对select动态添加options操作[IE&FireFox兼容]
- JS对select动态添加options操作[IE&FireFox兼容]
- JS对select动态添加options操作[IE&FireFox兼容]
- JS对select动态添加options操作【IE&FF兼容】
- joj1693
- 今天达到 可用分:共 1001 分,想当年 热火连输三场 把我赔个精光哇~~~~
- cxgrid根据图片路径载入图片
- 阅读<中国道德生态遇"双重门" 见义难勇为pk草根最美>感想
- 使用RemObjects Pascal Script
- select options标签IE6兼容解决方案
- [营销]浅谈如何提高网站PR值
- 用VC制作支持多种语言的界面
- JS实例
- jQuery(1.6.3) 中css方法对浮动的实现缺陷
- MYSQL数据导出和导入
- C6000嵌入汇编C与汇编对照及功能说明
- Spotlight on oracle 使用
- linux生成动态库和静态库