<h3>select와 option태그 상태 선택자</h3>
이메일 입력 : <br>
<input type="text" id="email" size="6" >
<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 |