jquery操作下拉框(select)的一些说明

 

   公司网站目前的访问用户中使用IE6.0的站50%以上,所以必需兼容IE6.0,使用jquery在IE6.0中设置下拉框时会有以下一些问题

//==========测试代码===============

   
   
   


   

   

        请选择

        北京

        重庆

        广东

   
   

      请选择

   
    
   
   

//==========End 测试代码===================

测试说明:

 A:静态select项目

  静态select项目(可以通过服务器端脚本填充),可以直接使用$("#下拉框id").val(选中的value)进行设置.

  设置后使用$("#下拉框id").val();可以正确获取其值.

 

 B:有一项静态的

   包含动态创建立的option时,使用$("#selectId").val()

   动态创建的(包含一项静态的option如: 请选择

),可以通过

   1.setTimeout("$(/"#下拉框id/").val("+value+")",1)设置.

   但是使用setTimeout后,使用$("#下拉框id").val();取值时则不正确,当然通常情况你的代码上下文保留有value值,

   没必要通过.val()去取,setTimeout缺点是异步执行的,setTimeout执行时的上下文通常不是当前函数域.

 

  2.使用try{$("#下拉框id").val();}catch(e){}来屏蔽错误,

  这个在firefox中跟IE6.0中多可以正常运行,但是IE6.0取值会出问题.

C:全部动态创建

  这种情况下使用try在IE6.0中也无发设置.

 

 另外IE6.0对动态创建的下拉项目,不能自动调整select宽度,需要手动调整.