级联下拉验证

Question

html相关 <select id="list1"> 
     <option  value="a">a</option>
     <option  value="b">b</option>
     <option  value="c">c</option>  
     <option  value="d">不可用</option>    
</select>
 <select id="list2"> 
  <option  value="0">请选择</option>
    <option  value="1">1</option>
     <option  value="2">2</option>
     <option  value="3">3</option> 
</select><span class="red">*</span>
 <select id="list3" > 
  <option  value="0">请选择</option>
    <option  value="A">A</option>
     <option  value="B">B</option>
     <option  value="C">C</option>  
</select><span class="red">*</span>css样式，这里主要是对  ‘*’<style type="text/css">
.red{
color: red;
}
</style>js操作<script type="text/javascript" src="jquery-1.5.2.min.js"></script>
<script type="text/javascript">
$(function(){
  
  $("#list1").change(function(){
  var text=$("#list1").find("option:selected").text();
  if(text=='不可用'){
  $("#list2,#list3").attr("disabled",true);
  $('.red').hide();
  }else{
  $("#list2,#list3").attr("disabled",false);
  $('.red').show();
  
  }
  }); 
});</script>当然在你提交的的时候别忘了再验证一下后面两个select是否选了