미치겠네
42
2016-10-12 03:16:01 작성 2016-10-12 03:19:04 수정됨
5
1663

onchange로 option 값 바꾸기


select박스 1을 aa

select박스 2를 bb 로 준 후

function cccc(val){

var a = document.forms['aasearch'];

console.info(a);

var b = $("#bb option").length;

 

if(val == ""){

num = new Array("--bb선택--");

vnum = [];

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

     num = new Array("바나나", ......);

     vnum = new Array("바나나",......);

     ................

이런식으로 한 후 밑에

        for(var i=0; i<b; i++){

a.bb.options[0] = null;

}

for(var j=0; j<num.length; j++){


 a.bb.options[j] = new Option(num[j],vnum[j]);

}

해서 돌렸는데 위에 포문이 에러나네요 ㅠㅠ

select 박스 있는 form 이름은 aasearch 이고 

aa인 select에 onchange="cccc(this.value);" 이거 했는데도 bb의 옵션이 안뜨고 안바뀝니다 ㅠㅠ

원래 됫던건데 갑자기 안되네요 흙흙흙


0
0
  • 답변 5

  • 8k
    2016-10-12 09:05:27

    풀 소스로 올려주세요..

    지금 한가해서 해보게 -_-;;

    0
  • 미치겠네
    42
    2016-10-12 11:24:06

    <script src="assets/js/dongOption.js"></script>

    <form name="roomSearch" class="form-inline">

      <div class="roomCon">

        <div class="roon_con_bar">

        <select name="address_gu" id="address_gu" class="form-control" onchange="dongOption(this.value);">

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

          <option value="강남구">강남구</option>

          <option value="강동구">강동구</option>

          <option value="강북구">강북구</option>

          <option value="강서구">강서구</option>

          <option value="관악구">관악구</option>

          <option value="광진구">광진구</option>

          <option value="구로구">구로구</option>

          <option value="금천구">금천구</option>

          <option value="노원구">노원구</option>

          <option value="도봉구">도봉구</option>

          <option value="동대문구">동대문구</option>

          <option value="동작구">동작구</option>

          <option value="마포구">마포구</option>

          <option value="서대문구">서대문구</option>

          <option value="서초구">서초구</option>

          <option value="성동구">성동구</option>

          <option value="성북구">성북구</option>

          <option value="송파구">송파구</option>

          <option value="양천구">양천구</option>

          <option value="영등포구">영등포구</option>

          <option value="용산구">용산구</option>

          <option value="은평구">은평구</option>

          <option value="종로구">종로구</option>

          <option value="중구">중구</option>

          <option value="중랑구">중랑구</option>

        </select> 

        

        <select name="address_dong" id="address_dong" class="form-control">

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

        </select>


        <select name="room_money_type" class="form-control">

          <option value="">--매물종류--</option>

          <option value="월세">월세</option>

          <option value="전세">전세</option>

        </select> 


        <select name="room_type" class="form-control">

          <option value="">--방 종류--</option>

          <option value="원룸">원룸</option>

          <option value="투룸">투룸</option>

        </select>

        

        <button type="submit" class="btn btn-primary" value="검색">조건 검색</button>

        </div>

      </div>

    </form>


    --------------------------------------함수요-----------------------------------------

    function dongOption(val){

    var gu = document.forms['roomSearch'];

    console.info(gu);

    var dong = $("#address_dong option").length;

     

    if(val == ""){

    num = new Array("--동 선택--");

    vnum = [];

         }else if(val=="강남구"){

         num = new Array("개포1동","개포2동.개포4동","논현1동","논현2동","대치1동","대치2동","대치4동","도곡1동","도곡2동","삼성1동","삼성2동","세곡동","수서동","신사동","압구정동","역삼1동","역삼2동","일원1동","일원2동","일원본동","청담동");

         vnum = new Array("개포1동","개포2동.개포4동","논현1동","논현2동","대치1동","대치2동","대치4동","도곡1동","도곡2동","삼성1동","삼성2동","세곡동","수서동","신사동","압구정동","역삼1동","역삼2동","일원1동","일원2동","일원본동","청담동");


         }else if(val=="강북구"){

         num = new Array("강일동","고덕제1동","고덕제2동","길동","둔촌제1동","둔촌제2동","명일제1동","명일제2동","상일동","송정동","성내제1동","성내제2동","암사제1동","암사제2동","천호제1동","천호제2동","천호제3동");

         vnum = new Array("강일동","고덕제1동","고덕제2동","길동","둔촌제1동","둔촌제2동","명일제1동","명일제2동","상일동","송정동","성내제1동","성내제2동","암사제1동","암사제2동","천호제1동","천호제2동","천호제3동");


         }

    console.log(gu);

    for(var i=0; i<dong; i++){

    gu.address_dong.options[0] = null;

    }

    for(var j=0; j<num.length; j++){

    gu.address_dong.options[j] = new Option(num[j],vnum[j]);

    }

     }

    0
  • 8k
    2016-10-12 12:55:50 작성 2016-10-12 12:58:08 수정됨

    잘된되는데요..

    셀렉트선택값이어떤값일때오류나나요?

    특정값일때오류 나는거 같은디

    여러개 해봤는데 동적셀렉트 값 잘됨.

    크롬쓰는거 같은데 F12 눌러서 자바스크립트 오류나는거 보세요... -_-;;

    0
  • 코딩해징징징징
    72
    2016-10-12 15:14:49

    저도 한가해서 함 해봤는데 잘 되네요...

    님 컴 좀 이상한듯ㅠ파이팅하세요!

    0
  • 미치겠네
    42
    2016-10-12 15:18:30

    아~ 그러세여~?? 아 코딩님 말이 맞아요~!~하하^^';;;;;

    0
  • 로그인을 하시면 답변을 등록할 수 있습니다.