/* text input 과 select box에 이벤트를 바인딩 하겠습니다. */ $(".target").change(function(){ alert( "Handler for .change() called." ); }); /* select의 값을 변경시키면 알림창이 뜹니다. text input에는 값을 바꾼 후 다른 곳을 클릭하면 알림창이 뜹니다. 만일 포커스의 이동없이 .change() 이벤트를 발생시키려면 아래 구문을 추가하시면 됩니다. */ $("#other").click(function(){ $( ".target" ).change(); }); /* div인 Trigger the handler 를 클릭하면 메시지가 나타나게 됩니다. 이때 메시지는 2번 나타나는데 change 클래스를 가진 폼 요소가 2개이기 때문입니다. */
<!-- HTML을 보면 --> <form> <input class="target" type="text" value="Field 1"> <select class="target"> <option value="option1" selected="selected">Option 1</option> <option value="option2">Option 2</option> </select> <div id="other"> Trigger the handler </div> </form>