Jquery 문제 ㅠㅠ

Jquery 문제 ㅠㅠ

QA

Jquery 문제 ㅠㅠ

답변 4

본문

<script>

$(document).ready(function(){
  $(".dropdown").change(function(){
    $(".dropdown option:selected").each(function(){
      var sltVal = $(this).val();
      console.log(sltVal);
      location.href(sltVal);
    });
  });
});
</script>

 

 

<select class="dropdown">
                    <option value="#,_self">== 전국 사이트 ==</option>
                    <option value="#,_self">== 서울특별시 ==</option>

<option value="http://naver.com">■ 네이버</option>
                    <option value="#,_self">== 경기도 ==</option>

<option value="http://naver.com">■ 네이버</option>
                    <option value="#,_self">== 강원도 ==</option>

<option value="http://naver.com">■ 네이버</option>
                    <option value="#,_self">== 충청남도 ==</option>

<option value="http://naver.com">■ 네이버</option>
                    <option value="#,_self">== 충청북도 ==</option>

<option value="http://naver.com">■ 네이버</option>
                    <option value="http://naver.com">■ 네이버</option>
                    <option value="#,_self">== 전라남도 ==</option>
                    <option value="#,_self">== 전라북도 ==</option>
                    <option value="#,_self">== 경상남도 ==</option>
                    <option value="#,_self">== 경상북도 ==</option>
                    <option value="#,_self">== 제주도 ==</option>
                </select>

 

인데 

콘솔 로그는 #으로 계속 뜨네요 ㅠㅠ

왜그런거죠?ㅠ

이 질문에 댓글 쓰기 :

답변 4

위에 올려주신 내용을 실행해보면

값의 내용이 구분이 안가기때문에 내용을 변경해보시라고 말씀드린겁니다.

 

실제 코들르 수행해보면

$(document).ready(function(){
  $(".dropdown").change(function(){
    $(".dropdown option:selected").each(function(){
      var sltVal = $(this).val();
      console.log(sltVal);
      location.href(sltVal);   // <-- 여기에서 오류가 발생합니다. 
    });
  });
});
</script>

 

 

오류가 발생하는곳의 정보는

 

      location.href(sltVal);   // <-- 여기에서 오류가 발생합니다. 

위의 코드를 잡기위해선

 


location.href =sltVal;

로 변경해주셔야 합니다.

해결 했습니다!
$(document).ready(function(){
  $("[id^='menu']").change(function(){
    $("[id^='menu'] option:selected").each(function(){
      var sltVal = $(this).val();
  console.log(sltVal);
      //location.href(sltVal);
    });
  });
});
으로 ID값을 비슷하게해서 잡도록 설정했네요^^

내용 추가 4개가 있는 상황입니다!


<select class="dropdown">
                    <option value="#,_self">== 전국 사이트 ==</option>
                    <option value="#,_self">== 서울특별시 ==</option>
<option value="http://naver.com">■ 네이버</option>
                    <option value="#,_self">== 경기도 ==</option>
<option value="http://naver.com">■ 네이버</option>
                    <option value="#,_self">== 강원도 ==</option>
<option value="http://naver.com">■ 네이버</option>
                    <option value="#,_self">== 충청남도 ==</option>
<option value="http://naver.com">■ 네이버</option>
                    <option value="#,_self">== 충청북도 ==</option>
<option value="http://naver.com">■ 네이버</option>
                    <option value="http://naver.com">■ 네이버</option>
                    <option value="#,_self">== 전라남도 ==</option>
                    <option value="#,_self">== 전라북도 ==</option>
                    <option value="#,_self">== 경상남도 ==</option>
                    <option value="#,_self">== 경상북도 ==</option>
                    <option value="#,_self">== 제주도 ==</option>
                </select>
<select class="dropdown">
                    <option value="#,_self">== 전국 사이트 ==</option>
                    <option value="#,_self">== 서울특별시 ==</option>
<option value="http://naver.com">■ 네이버</option>
                    <option value="#,_self">== 경기도 ==</option>
<option value="http://naver.com">■ 네이버</option>
                    <option value="#,_self">== 강원도 ==</option>
<option value="http://naver.com">■ 네이버</option>
                    <option value="#,_self">== 충청남도 ==</option>
<option value="http://naver.com">■ 네이버</option>
                    <option value="#,_self">== 충청북도 ==</option>
<option value="http://naver.com">■ 네이버</option>
                    <option value="http://naver.com">■ 네이버</option>
                    <option value="#,_self">== 전라남도 ==</option>
                    <option value="#,_self">== 전라북도 ==</option>
                    <option value="#,_self">== 경상남도 ==</option>
                    <option value="#,_self">== 경상북도 ==</option>
                    <option value="#,_self">== 제주도 ==</option>
                </select>
<select class="dropdown">
                    <option value="#,_self">== 전국 사이트 ==</option>
                    <option value="#,_self">== 서울특별시 ==</option>
<option value="http://naver.com">■ 네이버</option>
                    <option value="#,_self">== 경기도 ==</option>
<option value="http://naver.com">■ 네이버</option>
                    <option value="#,_self">== 강원도 ==</option>
<option value="http://naver.com">■ 네이버</option>
                    <option value="#,_self">== 충청남도 ==</option>
<option value="http://naver.com">■ 네이버</option>
                    <option value="#,_self">== 충청북도 ==</option>
<option value="http://naver.com">■ 네이버</option>
                    <option value="http://naver.com">■ 네이버</option>
                    <option value="#,_self">== 전라남도 ==</option>
                    <option value="#,_self">== 전라북도 ==</option>
                    <option value="#,_self">== 경상남도 ==</option>
                    <option value="#,_self">== 경상북도 ==</option>
                    <option value="#,_self">== 제주도 ==</option>
                </select>
<select class="dropdown">
                    <option value="#,_self">== 전국 사이트 ==</option>
                    <option value="#,_self">== 서울특별시 ==</option>
<option value="http://naver.com">■ 네이버</option>
                    <option value="#,_self">== 경기도 ==</option>
<option value="http://naver.com">■ 네이버</option>
                    <option value="#,_self">== 강원도 ==</option>
<option value="http://naver.com">■ 네이버</option>
                    <option value="#,_self">== 충청남도 ==</option>
<option value="http://naver.com">■ 네이버</option>
                    <option value="#,_self">== 충청북도 ==</option>
<option value="http://naver.com">■ 네이버</option>
                    <option value="http://naver.com">■ 네이버</option>
                    <option value="#,_self">== 전라남도 ==</option>
                    <option value="#,_self">== 전라북도 ==</option>
                    <option value="#,_self">== 경상남도 ==</option>
                    <option value="#,_self">== 경상북도 ==</option>
                    <option value="#,_self">== 제주도 ==</option>
                </select>
답변을 작성하시기 전에 로그인 해주세요.
QA 내용 검색
질문등록
전체 39
© SIRSOFT
현재 페이지 제일 처음으로