HTML&CSS&Javscript&Jquery
190822 select 이벤트, textarea 연습
猫猫
2019. 8. 23. 17:20
반응형
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>form 태그 학습</title>
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script>
var se ="";
var chk=1;
$(document).ready(function(){
$("#selec").click(function(){
chk++;
if(chk%2!=0) {
se+=$("#selec option:selected").val()+"\n";
$("#text").text(se);
}
});
});
</script>
</head>
<body>
<select name="fruits" id="selec">
<option value="" selected="selected">-- 선택 --</option>
<option value="apple">사과</option>
<option value="banana" >바나나</option>
<option value="lemon" >레몬</option>
</select>
<textarea id=text rows="30" cols="30"></textarea>
</body>
</html>select메뉴의 selected된 value를 textarea에 계속 추가한다.
근데, 다시 선택 시에도 추가하고 싶다 에서 비롯된 일
click 이벤트로 추가 해버리면
변경하려고 클릭하는 순간에도 text area에 추가해버린다.
그래서 일단 chk로 클릭 횟수를 체크,
클릭 시마다 chk를 증가 시켰는데
클릭이 일정 패턴을 이루고 있다 0,2,4,6,8 이런식..?
그래서 그 클릭횟수가 일정 횟수 (짝수/홀수)일때는 textarea에 추가하지 않겠다는 코드다.
반응형