해결 방법 - 브라우저의 옵션 숨기기 효과 문제

<html>
<head>
<meta charset="utf-8">
<script src="http://code.jquery.com/jquery-1.4.3.min.js"></script>
<script type="text/javascript">
<!-- ->
function showOptions(seletor){
  $.each($(seletor),function(index,ele){
     if($(this).parent("span").size()>0){ 
      $(this).clone().replaceAll($(this).parent("span"));
    }  
  });  
}
function hideOptions(seletor){
   $.each($(seletor),function(index,ele){
     if($(this).parent("span").size()<=0){  
        $(this).wrap("<span class='hide'></span>");
    } 
  });     
}
<!-- ->
// option    option class "hide-option";hideOption(".hide-option");



function onchange_select(){
  var pid=$("select[name=parentid]").val();
  if(pid){
       hideOptions("select[name=placeid] option[class]");
       showOptions("select[name=placeid] option.parentid-"+pid);
  }else{
       hideOptions("select[name=placeid] option[class]");
  }
}
</script>
</head>
<body>
<select id="parentid" onchange="onchange_select();" name="parentid">
<option value=""> </option>
<option value="1"> </option>
<option value="2"> </option>
</select>
<select id="placeid"  name="placeid">
<option value=""> </option>
<option class="parentid-1" value="1"> </option>
<option class="parentid-1" value="2"> </option>
<option class="parentid-1" value="3"> </option>
<option class="parentid-2" value="4"> </option>
<option class="parentid-2" value="5"> </option>
<option class="parentid-2" value="6"> </option>
</select>
</body>
</html>

좋은 웹페이지 즐겨찾기