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

最新推荐文章于 2025-08-23 02:53:08 发布

iteye_17758

最新推荐文章于 2025-08-23 02:53:08 发布

阅读量155

点赞数

CC 4.0 BY-SA版权

分类专栏：前台文章标签： javascript ViewUI

本文链接：https://blog.youkuaiyun.com/iteye_17758/article/details/82103690

前台专栏收录该内容

4 篇文章

订阅专栏

本文详细介绍了在IE6浏览器中使用jQuery处理Select控件时遇到的‘对象不具有selected属性’错误，分析了该错误的根本原因，并提供了具体的解决方法。通过代码示例对比了不同实现方式在IE6下的表现，最终推荐了一种有效且兼容的解决方案。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在做一个省份城市联动的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>