JQuery&Javascript

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

Riucc 2019. 5. 3. 11:22

○ 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>
cs


저작자표시