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

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

QA

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

답변 2

본문

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);

}

답변을 작성하시기 전에 로그인 해주세요.
QA 내용 검색
질문등록
전체 0
© SIRSOFT
현재 페이지 제일 처음으로