티스토리 뷰

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에 추가하지 않겠다는 코드다.

반응형
저작자표시 비영리 변경금지

'HTML&CSS&Javscript&Jquery' 카테고리의 다른 글

190822 회원가입/로그인 Javascript로 구현하기  (0) 2019.08.23
190822 장바구니 / 장바구니 비우기 구현  (0) 2019.08.23
190823 두번째 문제-회원가입/로그인 구현  (0) 2019.08.23
190823 첫번째 문제  (0) 2019.08.23
190823 each문 써서 리터럴객체 배열에 등록하기  (0) 2019.08.23