首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

在IE6上使用jquery动态改变select控件值时出错的解决方案

2012-09-22 
在IE6下使用jquery动态改变select控件值时出错的解决方案在做一个省份城市联动的select控件的时候,在IE6下

在IE6下使用jquery动态改变select控件值时出错的解决方案

在做一个省份城市联动的select控件的时候,在IE6下测试出现“对象不具有selected属性”这样的错误,在代码中间加alert等delay操作这个错误就不再出现了,上网查了下说是IE6的select控件的BUG,

?? ? ? ?具体请参考:http://bugs.jquery.com/ticket/2252。

?

?? ? ? ?网上通常的解决方法请参考下面的链接

?? ? ? ?http://www.cnblogs.com/napoleon_liu/archive/2011/03/14/1983773.html

?

?? ? ? ?我的解决方法是将之前追加子option的方法从select.html(optionStr)

?

?? ? ? ?改变为selectC.add(new Option(text,value),$.browser.msie ? 0 : selectC.options[0]);

?

?

?? ? ? 下面是一段简单的代码,大家可以测试一下,使用.html这种方法在IE6上会出错,改成add方法就正常。

?

?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html>  <head>    <title>$.browser Example</title>    <link rel="stylesheet" type="text/css" href="../common.css">    <script type="text/javascript"            src="jquery-1.6.2.js"></script>    <script type="text/javascript">      $(function(){        $('#province').change(function(event){          var select = $('#province')[0];    var selectC = $('#city')[0];  //var optionS = "<option value='2.5'>Two and \u00BD</option>";  //$(selectC).html(optionS);  selectC.add(            new Option('Two and \u00BD','2.5'),            $.browser.msie ? 0 : selectC.options[0]          );   $(selectC).val("2.5")        });      });    </script>  </head>  <body class="plain">    <select id="province">      <option value="1">One</option>      <option value="2">Two</option>      <option value="3">Three</option>      <option value="4">Four</option>    </select><select id="city">    </select>  </body></html>

?

热点排行