jQuery 级联列表的有关问题
日期：2014-05-20 浏览次数：20662 次
jQuery 级联列表的问题
以上选择某一品牌的车子 ，另外个相对应的列表只出现所选择的品牌的响应型号 。hide（） show（） 兼容性问题吗？我这个程序在firefox可以用 但在ie不行（我用的ie8）
------解决方案--------------------
不是jquery不支持ie
而是ie不支持option的display属性
jquery的hide其实就是设置项目的css的display为none
因为ie不支持，所以就显示不出效果了。
- HTML code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
#carstyle option{
display:none;
}
#carstyle .selected{
display:block;
}
</style>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">
$().ready(function(){
$("select").change(function(){
//$(this).each(function(){
var selectbrand = $(this).attr("value");
var $selectstyle = $("#carstyle option[value='"+selectbrand+"']");
var $noselectstyle = $("#carstyle option[value !='"+selectbrand+"']");
//alert($selectstyle);
//alert(noselectstyle);
$noselectstyle.hide();
$("#carstyle.selected").show();
$selectstyle.show();
//});
});
});
</script>
</head>
<body>
<form id="form1" name="form1" method="post" action="">
汽车品牌
<select id="carbrand">
<option value="" selected="selected">--请选择--</option>
<option value="lbjn">兰博基尼</option>
<option value="bwm">宝马</option>
<option value="bc">奔驰</option>
<option value="ad">奥迪</option>
</select>
汽车型号
<select id="carstyle">
<option class="selected" value="" selected="selected">--请选择--</option>
<option value="lbjn">lb1</option>
<option value="lbjn">lb2</option>
<option value="lbjn">lb3</option>
<option value="bwm">b11</option>
以上选择某一品牌的车子 ，另外个相对应的列表只出现所选择的品牌的响应型号 。hide（） show（） 兼容性问题吗？我这个程序在firefox可以用 但在ie不行（我用的ie8）
------解决方案--------------------
不是jquery不支持ie
而是ie不支持option的display属性
jquery的hide其实就是设置项目的css的display为none
因为ie不支持，所以就显示不出效果了。
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
