테스트 사이트 - 개발 중인 베타 버전입니다

다중셀렉터에서 변수 2개로 값을 입력받기 채택완료

nae 5년 전 조회 1,856

wr_1 변수로 채소&과일을 선택하면

선택된 값에 따라

wr_2에서 2단 셀렉터로 "빨간 사과"를 선택하면

wr_2="사과"가 들어가는 소스입니다

 

추가적으로

wr_2값을 선택될떄 wr_3="빨간 사과"를 같이 넣고 싶은데요

 

wr_3값을 어떻게 받아야 할지 모르겠네요

 

 

 

 

</p>

<p>    <div class="autosave_wrapper write_div"><i class="fa fa-spinner"></i>

        <select id="wr_1" name="wr_1" required class="frm_input required" onChange="wr_1_change(this.value);">

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

            <option value="채소"<? if($wr_1=="채소") echo" selected"; ?>>채소</option>

            <option value="과일"<? if($wr_1=="과일") echo" selected"; ?>>과일</option>

        </select>

        <select id="wr_2" name="wr_2" required class="frm_input required">

        <option value="수박"<?if($wr_2=="수박")echo"selected";?>>크고 둥근 수박</option>

        <option value="토마토"<?if($wr_2=="토마토")echo"selected";?>>빨간 토마토</option>

        <option value="사과"<?if($wr_2=="사과")echo"selected";?>>빨간 사과</option>

        <option value="감"<?if($wr_2=="감")echo"selected";?>>노란 감</option>        </p>

<p>        </select>

 

          <script>

        function wr_1_change(wr_1) {

            var wr_2_Q = "";

            if(wr_1 == "채소"){

            wr_2_Q += "<option value='수박'<?php if($wr_2=='수박') echo 'selected'; ?>>크고 둥근 수박</option>";        

            wr_2_Q += "<option value='토마토'<?php if($wr_2=='토마토') echo 'selected'; ?>>발간 토마토</option>";        

                } else if(wr_1 == "과일"){

            wr_2_Q += "<option value='사과'<?php if($wr_2=='사과') echo 'selected'; ?>>빨간 사과</option>";        

            wr_2_Q += "<option value='감'<?php if($wr_2=='감') echo 'selected'; ?>>노란 감</option>";

            }

            $('#wr_2').html(wr_2_Q);

        }

        </script>

    </div></p>

<p>

댓글을 작성하려면 로그인이 필요합니다.

답변 2개

플라이
5년 전

해당 부분은 배열값을 가지고 순차적으로 데이터를 가져오도록 처리하셔야 할듯 합니다.

 

https://sir.kr/qa/267567">https://sir.kr/qa/267567 참고로 이건 jquery를 활용한거니 참고해 보세요

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

스크립트를 배열에 넣어서 활용해보세요 백엔드랑 뒤죽박숙 섞이면 유지보수 힘들어요

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인