그누보드 QA - js 텍스트 누적 질문입니다.

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

museplay 자기소개 회원게시물 회원 질문검색 회원 답변검색 회원 댓글검색

2019.05.09 19:03:33 조회 3144 (121.♡.♡.8)

본문

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값' 이렇게 누적되게 하고 싶습니다.

도와주세요ㅠ

#그누보드5 #value

답변 2

마르스컴퍼니 홈페이지 자기소개 회원게시물 회원 질문검색 회원 답변검색 회원 댓글검색 님의 답변

2019-05-09 19:19:18 220.♡.♡.82

$('#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);
});