입력에서 jquery 변경/클릭 이벤트

Question

내 이벤트 핸들러에 문제가 있습니다.

<input id="menuSelection" type="text" value=""/>

이 필드 값을 갖는 메뉴 triggerd이다. 하지만 내 문제는 jquery 코드 어딘가에 더 "라이브"일을 얻으려면

hierarchybreadcrumb는 메뉴 ID입니다.

$('#hierarchybreadcrumb').click(function(){ 
var text = $('#menuSelection').val(); 

$.get('exercise/xhrGetValue', {text:text}, function(o){ 

}); 
return false; 
}); 

이 함수는 결과를 얻지 만, 일단 작동 시키려면이 메뉴를 클릭해야합니다. 첫 번째 클릭을 통해 get-method를 보내려면 어떻게합니까? 또는 $ ('# menuSelection')에서 변경을 트리거 할 수있는 기능이 있습니까?

도움 주셔서 감사합니다. 내 문제를 이해하시기 바랍니다.

Answer 1

나는 당신을 올바르게 이해하기를 바랍니다.

$(document).on('click','#hierarchybreadcrumb',function(){ 
    var text = $('#menuSelection').val(); 

    $.get('exercise/xhrGetValue', {text:text}, function(o){ 
    }); 
    return false; 
}); 

: 초점 (기본 의미에서) 초점은 "라이브"래퍼를 추가하고

$('mywrapperselector').on('click','#hierarchybreadcrumb',function(){ 
    var text = $('#menuSelection').val(); 

    $.get('exercise/xhrGetValue', {text:text}, function(o){ 
    }); 
    return false; 
}); 

최악의 경우에를 사용하도록하려면

을 가진 후 손실되지 않는 입력은 변경 이벤트를 트리거하지 않습니다 당신은 변경 이벤트를 트리거하려면 지금

, 단순히을 수행하십시오 답변

$(document).on('click','#hierarchybreadcrumb',function(){ 
    var text = $('#menuSelection').val(); 

    $.get('exercise/xhrGetValue', {text:text}, function(o){ 
      $('#menuSelection').val('some new value').trigger('change'); 
      //assume you want it in here 
    }); 
    return false; 
});