채택완료

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

2019-05-09 (목) 19:03:33 3,822

HTML

Copy
<div>

    <input type="text" value="">

    <select>

        <option value="가나다">선택1</option>

        <option value="abc">선택2</option>

    </select>

    <button type="button" class="btn">입력</button>

</div>

JAVASCRIPT

Copy
$('.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개 / 댓글 2개

채택된 답변
+20 포인트
2019-05-09 (목) 19:19:18

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

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

제안 코드입니다.

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

답변에 대한 댓글 1개

답변 감사합니다^^
덕분에 참고 많이 됐습니다~

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

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

}else{

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

}

답변에 대한 댓글 1개

답변 감사합니다 ^^

답변을 작성하려면 로그인이 필요합니다.