안녕하세요. 궁금한 것이 있어서 질문드립니다.^^

$('input.text').keyup(function(){

alert(this.id);

var product_01 = $('input#product_01').val();

var product_02 = $('input#product_02').val();

var product_03 = $('input#product_03').val();

});

<input type="text" id="product_01"/>

<input type="text" id="product_02"/>

<input type="text" id="product_03"/>

<input type="text" id="cost_01"/>

<input type="text" id="cost_02"/>

<input type="text" id="cost_03"/>

위에서 보시는 것 같이 3개의 product 관련 text 박스와 3개의 cost관련 text 박스가 있습니다.

제가 product_01 텍스트박스에 값을 입력하면 경고창으로 product_01가 나타나고 

product_01, product_02, product_03 변수에 각각의 값이 담기도록 되어있습니다.

제가 하고 싶은 것은 아래와 같습니다.

텍스트 박스에 값을 입력하지 않고 바로 $('input.text').keyup(); 함수를 호출하면 현재 텍스트박스에 담겨있는 값을 변수에 담고 싶습니다.

그런데 아래와 같은 문제가 생깁니다.

$('input.text').keyup(); 함수를 호출하면, alert에 의해서 id가 나타나게 되어있는데 현제 html에 있는 모든 텍스트박스가 경고창으로 나옵니다.

product_01,product_02,product_03,cost_01,cost_02,cost_03

위의 모든 id가 경고창에 나타납니다. 저는 오직 keyup()함수를 한번만 실행시키고 싶은데 위와 같이 루프가 돌면서 모두 실행되다 보니 느리더라고요.

왜 여러번 실행되는지 모르겠습니다. 그리고 어떻게하면 한번만 돌게 할수 있을까요?

답변 부탁드리겠습니다.^^