[jQuery] select option 선택 제어

jQuery 2015. 6. 11. 10:36
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
<!DOCTYPE HTML>
<html lang="ko">
<head>
    <meta charset="utf-8">
    <script src="js/jquery.js"></script>
</head>
<body>
    <select>
        <option>테스트1</option>
        <option>테스트2</option>
        <option selected="selected">테스트3</option>
        <option>테스트4</option>
        <option>테스트5</option>
        <option>테스트6</option>
    </select>
    <script>
    
        $("select").change(function() {  
            
            //var test = this.selectedOptions[0].getAttribute("selected"); 
            //console.log(test);
            
            var selected = $(this).find('option:selected');
            
            console.log(selected.text());
            
            
        }).change();
          
    </script>
</body>
</html>


반응형
저작자표시

'jQuery' 카테고리의 다른 글

[jQuery] select option 제어 - value값 text로 선택되게  (1) 2015.08.12
[jQuery] CSS 프로퍼티 삭제  (0) 2015.08.04
[jQuery] :has() - 자식을 가지고 있는 요소 선택  (0) 2015.06.08
[jQuery] hasClass, toggleClass - on off 버튼 선택, 해제  (0) 2015.05.15
[jQuery] 고급 속성(Attribute) 선택자  (0) 2015.04.30
Posted by 힘없는염소
,

티스토리툴바