Riucc's Storage :: [JQuery] - change() 이벤트로 select 이벤트 처리하기

[JQuery] - change() 이벤트로 select 이벤트 처리하기

JQuery&Javascript2019. 5. 3. 11:22

336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.

○ change() 이벤트로 select 이벤트 처리하기

- change() 이벤트로 select 이벤트 처리하기

change 메소드는 해당 요소에 change 이벤트를 감지하여 처리한다

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
<script src="~/Scripts/jquery-3.3.1.min.js"></script>
 
<body>
    <select id="animalBox">
        <option value="강아지">강아지</option>
        <option value="고양이">고양이</option>
        <option value="토끼">토끼</option>
    </select>
 
    <!-- 같은 표현 1 -->
    <script type="text/javascript">
        $(document).ready(function () {
            $('#animalBox').change(function () {
                var d = $('#animalBox').val();
                alert(d);
            });
        });
    </script>
 
    <!-- 같은 표현 2 -->
    <script type="text/javascript">
        $(function () {
            $('#animalBox').change(changeCheck);
        });
 
        function changeCheck() {
            var d = $('#animalBox').val();
            alert(d);
        }
    </script>
 
    <!-- 같은 표현 3 -->
    <script type="text/javascript">
        $(function () {
            $('#animalBox').change(function () {
                changeCheck();
            });
        });
 
        function changeCheck() {
            var d = $('#animalBox').val();
            alert(d);
        }
    </script>
 
</body>
Colored by Color Scripter
cs

저작자표시

'JQuery&Javascript' 카테고리의 다른 글

[JQuery] - 공백 제거 : trim() (0)	2019.05.03
[JQuery] - 보이게 안보이게 : show(), hide() (0)	2019.05.03
[JQuery] - 셀렉터 : parent(), children(), find(), prev(), next() (0)	2019.05.03
[JQuery] - 태그들을 id, class, name 으로 값 찾아오기 (0)	2019.05.03
[JQuery] - $(document).ready() 는 무엇인가? (0)	2019.05.03

최근 등록 현황

달력

일	월	화	수	목	금	토
			1	2	3	4
5	6	7	8	9	10	11
12	13	14	15	16	17	18
19	20	21	22	23	24	25
26	27	28	29	30	31

카운터

[JQuery] - change() 이벤트로 select 이벤트 처리하기

'JQuery&Javascript' 카테고리의 다른 글

최근 글

최근 월별 글

최근 댓글

최근 글

최근 월별 글

최근 댓글

최근 글

최근 월별 글

최근 댓글

지난달

2025.1

다음달

티스토리툴바