본문 바로가기
카테고리 없음

select option value fadein fadeout javascript

by 지짱히메 2021. 10. 20.
반응형

<select class="abroad_select" id="abroad_select" name="">
         <option value="" selected disabled>선택</option>
          <option value="1">옵션1</option>
          <option value="2">옵션2</option>
</select>

  <ul>
      <li class="abroad_option01"></li>
      <li class="abroad_option02"></li>
  </ul>

 

 

js

$("#abroad_select").change(function() {
    var abroad_select = $("#abroad_select option:selected").val();
    if (abroad_select == 1) {
      $(".abroad_option01").show();
    } else {
      $(".abroad_option01").hide();
    }
    if (abroad_select == 2) {
      $(".abroad_option02").show();
    } else {
      $(".abroad_option02").hide();
    }
  });

반응형