그때 그때/JQUERY

selectbox 직접입력

web_seul 2020. 12. 17. 09:50
반응형
$(function(){
    //직접입력 인풋박스 기존에는 숨어있다가
$("#selboxDirect").hide();
$("#selbox").change(function() {
        //직접입력을 누를 때 나타남
      if($("#selbox").val() == "direct") {
          $("#selboxDirect").show();
      }  else {
          $("#selboxDirect").hide();
      }
  }) 
});​

 

<select id="selbox" name="selbox">
	<option value="">선택</option>
	<option value="1">1</option>
	<option value="2">2</option>
	<option value="3">3</option>
	<option value="direct">직접입력</option>
</select>

									
//상단의 select box에서 '직접입력'을 선택하면 나타날 인풋박스
<input type="text" id="selboxDirect" name="selboxDirect"/>

 

반응형

'그때 그때 > JQUERY' 카테고리의 다른 글

swiper 두개 쓰기  (0) 2021.01.11
drap & drop  (0) 2020.12.22
hover 컨텐츠  (0) 2020.12.07
progress bar  (0) 2020.11.16
탭메뉴 /탭 여러개  (0) 2020.10.07