Jquery 隐藏显示问题

Question

Jquery 下列结构 
选择北京value=01 显示class=01的数据 谢谢 <select id="sel1">
       <option value="01">北京</option>
       <option value="02">安徽省</option>
       <option value="03">广东</option>
   </select>
   <select class="sub" >
       <option value="11" class="01">中关村</option>
       <option value="12" class="01">朝阳区</option>
       
       <option value="13" class="02">合肥</option>
       <option value="14" class="02">安庆</option>
       
       <option value="15" class="03">广东市</option>
       <option value="16" class="03">深圳市</option>
   </select>  

Answer 1

$(document).ready(function(e) {
    $("#sel1").change(function(){
         $("."+$(this).val()).show(); 
    });
});这样 ？

Answer 2

$(document).ready(function(e) {
    $("#sel1").change(function(){
         $('.sub option').hide() 
         $(".sub ."+$(this).val()).show(); 
    });
});

Answer 3

$(document).ready(function(e) {
  $("#sel1").change(function(){
  $('.sub option').hide()  
  $(".sub ."+$(this).val()).show();  
  });
});

Answer 4

$(document).ready(function(e) {
  $("#sel1").change(function(){
  $('.sub option').hide()  
  $(".sub ."+$(this).val()).show();  
   
  $('.sub').val($(".sub ."+$(this).val()).val());   });
});