js 텍스트 누적 질문입니다.

js 텍스트 누적 질문입니다.

QA

js 텍스트 누적 질문입니다.

본문

HTML


<div>
    <input type="text" value="">
    <select>
        <option value="가나다">선택1</option>
        <option value="abc">선택2</option>
    </select>
    <button type="button" class="btn">입력</button>
</div>

 

JAVASCRIPT


$('.btn').click(function(){
    var $val = $(this).prev().val();
    $(this).closest('div').find('input').val($val);
});

 

안녕하세요.

.btn을 눌렀을때 input value 값에 option value값이 들어가게 했는데요.

그런데 다른 옵션을 선택하고 다시 .btn 눌렀을때 기존에 있던 value값이 사라지지 않고

'기존 value값 , 다른 value값' 이렇게 누적되게 하고 싶습니다.

도와주세요ㅠ

이 질문에 댓글 쓰기 :

답변 2

$('#aa').val('tt'); // value 값을 'tt'로 지정

var bb = $('#aa').val(); // 현재의 value 값을 bb 변수에 저장입니다.

 

제안 코드입니다.


$('.btn').on('click', function(){
  var val = $(this).prev().val();
  var org_val = $(this).closest('div').find('input').val();
  
  $(this).closest('div').find('input').val(org_val + ',' + val);
});

if($(this).closest('div').find('input').val()==""){

   $(this).closest('div').find('input').append($val);

}else{

   $(this).closest('div').find('input').append(","+$val);

}

답변을 작성하시기 전에 로그인 해주세요.
전체 123,134 | RSS
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT