HTML "select"요소에 on 이벤트가 있습니까? 사건의 이름은 정확히 무엇입니까?HTML <select> select 이벤트의 이름은 무엇입니까?
39
A
답변
61
onchange
무엇을 찾고 계십니까?
3
입력 유형에 관계없이 양식 입력이 값을 변경할 때마다 onchange
이벤트가 항상 발생해야합니다. (버튼을 제외하고는 실제 입력 장치가 아니기 때문입니다.)
+1
20
It 's onchange Event입니다.
jQuery는 .change
도우미로 묶습니다. 일반 자바 스크립트를 사용하는 경우 다음 addEventListner('change', function...)
를 사용
<html>
<head>
<script type="text/javascript" src="jquery-1.2.6.js"></script>
<script type="text/javascript">
// If using jQuery
$(document).ready(function() {
$("#list").attr("selectedIndex", -1);
$("#list").change(function() {
$("#answer").text($("#list option:selected").val());
});
});
</script>
<script type="text/javascript">
// Plain Javascript:
document.addEventListener('DOMContentLoaded', function(event) {
var selectList = document.getElementById("list");
var divAnswer = document.getElementById("answer");
selectList.addEventListener("change", function(changeEvent) {
divAnswer.textContent = selectList.value;
});
});
</script>
</head>
<body>
<div id="answer">No answer</div>
<form>
Answer
<select id="list">
<option value="Answer A">A</option>
<option value="Answer B">B</option>
<option value="Answer C">C</option>
</select>
</form>
</body>
</html>
+15
세계는 jQuery가 아닙니다. O.P.가 명시 적으로 jQuery를 요구하지 않은 경우 일반 JS 응답으로 응답하는 것이 가장 좋습니다. –
+3
+1 : 저는 실제로 jQuery 솔루션을 찾고있었습니다. 감사. –
25
관련 문제
- 1. html <select> 이벤트
- 2. HTML 이름은
- 3. HTML 멀티 <select> 배열
- 4. html <select> 이벤트 처리기 onfocus
- 5. <select> 요소에서 선택된 데이터를 유지하는 방법은 무엇입니까? HTML
- 6. HTML 이벤트의 우선 순위 설정
- 7. Java - <무엇이 사용되었고 이름은 무엇입니까?
- 8. <% %> 태그의 실제 이름은 무엇입니까?
- 9. 링크를 concatinate하는 방법 <select><option> "onchange"이벤트의 값
- 10. ASP.NET에서 서버 측 코드를 실행하기위한 HTML 지시문 기호 <% # 또는 <% = 등의 이름은 무엇입니까?
- 11. html select javadript onload를 실행하십시오.
- 12. QueuePause의 인터페이스 이름은 무엇입니까
- 13. html select tag problem
- 14. html select arrow look
- 15. IE6 및 <select> - 깜박이는 페이지
- 16. raisePropertyChanged 이벤트의 용도는 무엇입니까?
- 17. 액션과 이벤트의 차이점은 무엇입니까?
- 18. <select> HTML 필터에서 null 값을 처리하는 방법?
- 19. 같이 나는 MySQL의 DB에 테이블이 HTML <select> 태그
- 20. 데이터 소스를 html <select> 태그로 바인딩
- 21. HTML <select> 태그 IE 7, 8 문제
- 22. 리스트 표시 방법 <string> html select control
- 23. Opera에서 html 드롭 다운 <select>에 패딩이 없습니다.
- 24. 이 구성 요소 이름은 무엇입니까?
- 25. select box 옵션 (IE)이있는 onMouseOut 이벤트의 문제점
- 26. ID/이름은 없지만 클래스 이름은 C#에있는 html 페이지에서 click 메소드를 호출하는 방법은 무엇입니까?
- 27. '이벤트의 필요성
- 28. jQuery에서 HTML 양식 태그의 유효/무효 이름은 무엇입니까?
- 29. PHP while - SELECT html 태그
- 30. HTML select onchange 접근성 문제
환상적인 작품 - 작품! 감사합니다. –