select box ( 셀렉트박스 )에 따른 선택시 입력창 노출 시키기

셀렉트 박스 선택에 따른 기타입력 또는 기간선택 창이 필요한경우 아래와 같이 코드를 넣어주면 된다.

 

 

========= 스크립트 부분 ==============

<script type="text/javascript">

    function jsChselect(value){

        if(value=="case2"){

            //기간 선택창 보이기

            document.getElementById("typely").style.display = "block";

 

        }else{

            //기간 선택창 보이지 않기

            document.getElementById("typely").style.display = "none";

        }

    }

</script>

 

 

 

==== 입력폼 셀렉트박스 부분============

 

<div class="col-lg-12">

<label>- 조건 :</label>

<select class="form-control" name="blockType" id="blockType" onChange="jsChselect(this.value);">

                        <option value="">==선택==</option>

                        <option value="case1" >선택1</option>

                        <option value="case2" >선택2</option>

</select>

</div>

<div name="typely" id="typely" style="display:none" class="col-lg-12">

case2 가 선택됫을경우 노출되어질 화면 또는 input 박스

</div>