이벤트 트리 이벤트경변 이벤트 트리 이벤트경변 이벤트 트리 이벤트경변

이벤트 트리 이벤트경변 using jquery jquery 사용is there anyway i could trigger a change event on select box on page load and select a particular option.페이지 로드 시 선택 상자에서 변경 이벤트를 트리거하고 특정 옵션을 선택할 수 있는 방법이 있습니까? Also the function executed by adding the trigger after binding the function to the event.또한 이벤트에 기능을 바인딩한 후 트리거를 추가하여 실행되는 기능입니다. I was trying to output something like this 저는 이런 걸 출력하려고 했습니다.<select class="check"> <select class="check<option value="one">one</option> <옵션값="하나">하나</옵션><option value="two">two</option> <옵션값="둘">둘 </옵션></select> </select> $(function(){ $(함수는 {}) $('.check').trigger('change'); //This event will fire the change event. $(.check').trigger('change'); //이 이벤트는 변경 이벤트를 실행합니다. $('.check').change(function(){ $(.check').변경(함수 (){) var data= $(this).val(); var data = $(this).valmessage; alert(data); 경보(데이터); }); });}); }); http://jsfiddle.net/v7QWd/1/Use val() to change to the value (not the text) and trigger() to manually fire the event.http://jsfiddle.net/v7QWd/1/Use val은 텍스트가 아닌 값으로 변경하고 트리거는 이벤트를 수동으로 실행합니다. The change event handler must be declared before the trigger.변경 이벤트 처리기는 트리거 전에 선언해야 합니다. Here's a sample 여기 샘플이 있습니다.$('.check').change(function(){ $(.check').변경(함수 (){) var data= $(this).val(); var data = $(this).valmessage; alert(data); 경보(데이터);}); }); $('.check') $(.check') .val('two') .val('two' .trigger('change');.trigger("변경"); To select an option, use .val('value-of-the-option') on the select element.옵션을 선택하려면 선택 요소에서 .val('value-of-the-option')을 사용합니다. To trigger the change element, use .change() or .trigger('change').변경 요소를 트리거하려면 .change() 또는 .trigger('변경')를 사용합니다. The problems in your code are the comma instead of the dot in $('.check'),trigger('change'); and the fact that you call it before binding the event handler.코드의 문제는 $(.check'), trigger('change')의 점 대신 쉼표와 이벤트 핸들러를 바인딩하기 전에 호출한다는 사실입니다.Another working solution for those who were blocked with jQuery trigger handler, that dosent fire on native events will be like below (100% working) : jQuery 트리거 핸들러로 차단된 사용자를 위한 또 다른 작동 솔루션은 다음과 같습니다(100% 작동).var sortByvarsortBySelect = document.= 문서를 선택합니다.querySelector("select.querySelector("선택").your-class"); 귀하의 클래스";sortBy정렬 기준Select.value = "new value"; Select.value = "새 값";sortBy정렬 기준Select.dispatchEvent(new Event("change"))Select.dispatchEvent(새 이벤트("변경")); ;$('#edit_user_details').find('select').$('#edit_user_session'). find("select").trigger('change');트리거 "변경"; It would change the select html tag drop-down item with id="edit_user_details".그러면 ID="edit_user_html"인 HTML 태그 선택 드롭다운 항목이 변경됩니다.Give links in value of the option tag 옵션 태그 값으로 링크 제공<select size="1" name="links" onchange="window.location.< select size="1" name="filename" on change="message.location.href=this.value;"> href=this.value;>" <option value="http://www.google.com"<옵션 값="http://www.google.com ">Google</option> >Google </옵션> <option value="http://www.yahoo.com"<옵션 값="http://www.yahoo.com ">Yahoo</option> > Yahoo</옵션></select> </select>If you want to do some checks then use this way 몇 가지 검사를 수행하려면 다음 방법을 사용합니다. <select size="1" name="links" onchange="functionToTriggerClick(this.value)"> <select size="1" name="functionToTriggerClick(this.value)"> 변경 시 "function"을 클릭합니다. <option value="">Select a Search Engine</option> <option value="> 검색 엔진 선택 </option> <option value="http://www.google.com"<옵션 값="http://www.google.com ">Google</option> >Google </옵션> <option value="http://www.yahoo.com"<옵션 값="http://www.yahoo.com ">Yahoo</option> > Yahoo</옵션></select> </select> <script> <스크립트> function functionToTriggerClick(link) { function functionTo트리거클릭(링크){ if(link != ''){ if(link!= '){ window.location.window.location.href=link; href=링크; } } } } </script> </script>Based on Mohamed23gharbi's answer: 모하메드 23가르비의 답변을 토대로 합니다.function change(selector, value) { 함수 변경(변수, 값) { var sortByvarsortBySelect = document.= 문서를 선택합니다.querySelector(selector); 쿼리 선택기(선택기); sortBy정렬 기준Select.value = value; 선택합니다.값 = 값; sortBy정렬 기준Select.dispatchEvent(new Event("change"))Select.dispatchEvent(새 이벤트("변경")); ;} } function click(selector) { function click(클릭) { var sortByvarsortBySelect = document.= 문서를 선택합니다.querySelector(selector); 쿼리 선택기(선택기); sortBy정렬 기준Select.dispatchEvent(new Event("click"))Select.dispatchEvent(새 이벤트("클릭")); ;} } function test() { 함수 테스트() {} change("select#MySelect", 19); change("select#MySelect", 19); click("button#MyButton"); click("button#MyButton"); click("a#MyLink"); 클릭("a#MyLink");} } In my case, where the elements were created by vue, this is the only way that works.저의 경우, 요소들이 가치에 의해 창조된 곳에서, 이것이 유일하게 작동하는 방법입니다.You can try below code to solve your problem.당신은 당신의 문제를 해결하기 위해 아래의 코드를 시도할 수 있습니다. By default, first option select: 기본적으로 첫 번째 옵션은 다음을 선택합니다.jQuery('.select').find('option')[0].jQuery(.select').find('option')[0].selected=true;선택됨=참; Reference언급URL : https://stackoverflow.com/questions/10547622/trigger-change-event-select-using-jqueryURL : https://stackoverflow.com/questions/10547622/trigger-change-event-select-using-jquery