JavaScript QnA

13164 삭신
2011-05-12 18:43:46
jquery질문좀 드릴게요

for(i=0;i<3;i++){
$("b:eq("+i+")").click(function(){
$("b").removeClass("worker_selected");
$("b").addClass("worker_notselected");
$(this).removeClass("worker_notselected");
$(this).addClass("worker_selected");
$("select").val(i);
});
}


위에 것을 설명하면

3개의 <B> 태그와 3개의<option>을 가진 1개의 <select>가 있는 것을 다루려고 하는데요

위와같이 하면 <b>태그 클릭시 각각의 클래스가 추가되고 삭제되는건 제대로 작동하는데요...

마지막 $("select").val(i); 가 문제인게

어떤걸 클릭하던 항상 i=3으로 잡혀버려서요

b:eq(0)을 클릭하면 value=0이 잡히고
b:eq(1)을 클릭하면 value=1이 잡히고

이런걸 원하는데

b:eq(0) , b:eq(1) b:eq(2) 어느걸 클릭하던 value=3으로 잡혀버려서 고정값으로 value를 대입할수 없는지 알고 싶어요 ㅠ

답변부탁드릴게요
  • click(function()... 부분을
    click(function(i) 로 한번 해보세요.
    되려나?
  • 4415에디
  • 2011-05-12 19:45:17
  • x
  • 안되네요 흑흑 ㅠ
  • 13164삭신
  • 2011-05-12 19:51:30
  • x
  • function addEvent() {
    $('b:lt(3)').each(function () {
    $(this).click(clickHandler);
    });
    }

    function clickHandler() {
    var index = $(this).index();
    $('select').val(index);
    }

    이건 될 듯..
  • 4415에디
  • 2011-05-12 20:08:51
  • x
  • 클릭평션을 포문에 박으시면 안됩니다. 도는만큼 이벤트가 쌓이죠.
    위에꺼하고 클릭한번하시면 포문돈만큼 제이쿼리 클릭이벤트가 실행됩니다. .
    나중에 그거모르고 고생하실수도.
  • 11937신입입질
  • 2011-05-12 20:23:09
  • x
  • 일단은 이렇게..

    $("b").click(function(){
    $("b").removeClass("worker_selected");
    $("b").addClass("worker_notselected");
    $(this).removeClass("worker_notselected");
    $(this).addClass("worker_selected");
    $("select").val($(this).index());
    });
  • 3716skynle
  • 2011-05-13 12:46:56
  • x
  • 답변감사드려요
  • 13164삭신
  • 2011-05-13 13:35:35
  • x
다음글 jqm에서의 load more 문의
>> 422 jquery질문좀 드릴게요  [6] 삭신 1249 2011-05-12 18:43:46
이전글 혹시 한페이지에서 값넘기면 다른 페이지에서 각각 값을 받을 수 있나요??