<h3>select와 option태그 상태 선택자</h3>
이메일 입력 : <br>
    <input type="text" id="email" size="6" > &nbsp;
    <select id="domain">        
        <option value="@naver.com">네이버</option>
        <option value="@gmail.com">구글</option>
        <option value="@daum.net">다음</option>
    </select>
    <br><br>
    <span id="result"></span>
    <script>    

        function getEmail(){
            var userId=$('#email').val();
            var domain=$('option:selected').val();            
            $('#result').html(userId+domain);            
        }
        $('#domain').change(getEmail);
    </script>

'JQUERY > 함수' 카테고리의 다른 글

each(), addClass(), toggleCalss()  (0) 2022.08.28
each(), addClass(), toggleCalss()  (0) 2022.08.28
checkbox 관련  (0) 2022.08.28
css, val, attr, mouseenter 이벤트까지.  (0) 2022.08.28
input의 속성값 가져오기  (0) 2022.08.25

+ Recent posts