下拉框"--请选择--" 浏览器渲染不同造成页面初始化不一致

Posted Mxzer.Zhang

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了下拉框"--请选择--" 浏览器渲染不同造成页面初始化不一致相关的知识,希望对你有一定的参考价值。

问题: 页面下拉框初始化时,展示"--请选择--" ; 在Google、Firefox浏览器渲染正常,但在IE(低版本)浏览器下不展示。 

修复: (1) 修改对应的*.js文件:
 如: please_select: "--请选择--", 
//产品运输方式判断 
var flag = false; 
$("#productDictionary option").each(function() { 
if($(this).val()===data.data[0].pkCode){ // 后台查询返回的数据data.data[0].pkCode
            flag = true;
            return; 
        }
 });
 if(flag){ 
       $("#productDictionary").val(data.data[0].pkCode); 
}else{ 
  $("#productDictionary").prepend(‘‘ +Msg.please_select + ‘‘);                     $("#productDictionary").find("option[value=‘"+Msg.please_select+"‘]").attr("selected",true); 
getCountry($("#productDictionary"), ‘getProductKind.do‘, ‘product‘,true, function(){        
   $("#productDictionary").prepend(‘‘ + Msg.please_select + ‘‘); 
}); 
$("#productDictionary").find("option[value=‘"+Msg.please_select+"‘]").attr("selected",true);
 
$("#downBtn_saveOrder").click(function() {
    if($("#productDictionary").val()=="--请选择--"){ 
          Utils.alert("请选择...");
          return; 
     }
 .......... 
}

以上是关于下拉框"--请选择--" 浏览器渲染不同造成页面初始化不一致的主要内容,如果未能解决你的问题,请参考以下文章

通过创建元素从而实现三个下拉框的联动效果(create.Element("option"))和提交表单时的验证p.match("请选择")

element Ui的级联选择器 任意一级选中下拉框自动关闭

jsp里,怎么接受下拉框的值?

AngularJs 如何实现多级联动且最后一级下拉可以选择多个选项。请附上正确例子

请问html怎么把文本框做成下拉框,或下拉框去掉右边的倒三角

.NET MVC项目,select下拉框选择内容后,进入下一页面,然后后退回来,下拉框的值会丢失,怎么解决?