itbloger
홈
태그
방명록
programing tip
트리거 변경 이벤트
itbloger
2020. 7. 12. 10:14
반응형
트리거 변경 이벤트
jquery를 사용하면 어쨌든 페이지로드시 선택 상자에서 변경 이벤트를 트리거하고 특정 옵션을 선택할 수 있습니다.
또한 함수를 이벤트에 바인딩 한 후 트리거를 추가하여 실행 된 함수입니다.
<select class = "check"> <option value = "one"> 하나 </ option> <option value = "two"> 두 </ option> </ select> $ (function ( ) {$ ( '. check'). trigger ( 'change'); //이 이벤트는 변경 이벤트를 발생시킵니다 $ ( '. check'). change (function () {var data = $ (this) .val (); 경고 (데이터);});});
http://jsfiddle.net/v7QWd/1/ val ()을 사용하여 텍스트가 아닌 값으로 변경하고 trigger ()를 사용하여 이벤트를 수동으로 시작하십시오.
변경 이벤트 핸들러는 트리거 전에 선언해야합니다.
여기'
sa 샘플 $ ( '. check'). change (function () {var data = $ (this) .val (); alert (data);});
$ ( '. check') .val ( 'two') .trigger ( 'change');
옵션을 선택하려면 select 요소에서 .val ( 'value-of-the-option')을 사용하십시오.
변경 요소를 트리거하려면 .change () 또는 .trigger ( 'change')를 사용하십시오.
코드의 문제는 $ ( '. check'), trigger ( 'change')의 점 대신 쉼표입니다.
그리고 이벤트 핸들러를 바인딩하기 전에 호출한다는 사실.
$ ( '# edit_user_details'). find ( 'select'). trigger ( 'change');
id = "edit_user_details"로 html 태그 선택 드롭 다운 항목을 변경합니다.
옵션 태그 <select size = "1"name = "links"의 값으로 링크 제공 onchange = "window.location.href = this.value;"> <
option value = "http://www.google.com"> Google </ option> <option value = "http://www.yahoo.com"> Yahoo </ option> </ select> 원하는 경우 그런 다음 일부 검사에서이 방식을 사용하십시오. <select size = "1"name = "links"onchange = "functionToTriggerClick (this.value)"> <option value = ""> 검색 엔진 선택 </ option> <option value = "http : //www.google.com "> Google </ option> <option value ="http://www.yahoo.com "> Yahoo </ option> </ select> <script> 함수 functionToTriggerClick (link) {if (link! = '') {window.location.href = link;
}} </ script> jQuery 트리거 핸들러로 차단 된 사람들을위한 또 다른 솔루션
네이티브 이벤트에서 발생하는 그 화재는 다음과 같습니다 (100 % 작동). var sortBySelect = document.querySelector ( "select.your-class");
sortBySelect.value = "새 값";
sortBySelect.dispatchEvent (새 이벤트 ( "change"));
참고 URL : https://stackoverflow.com/questions/10547622/trigger-change-event-select-using-jquery
반응형
공유하기
게시글 관리
itbloger
'
programing tip
' 카테고리의 다른 글
C ++ 11의 재귀 람다 함수
(0)
2020.07.12
Jenkins 빌드 번호 변경
(0)
2020.07.12
터미널에서 sbt를 실행할 때 "org.scala-sbt sbt 0.13.6…"에서 멈춤
(0)
2020.07.12
비표준 포트로 원격 저장소 사용
(0)
2020.07.12
LINQ를 사용하여 컬렉션을 n 개의 부분으로 나누시겠습니까?
(0)
2020.07.12
티스토리툴바