jQuery를 이용하여 input 필드값 초기화 하기

위와 같은 구성에서 삭제 버튼을 클릭했을 경우 해당 라인의 input 필드의 값을 초기화하는 방법이다.
일단 생각한 방법은 삭제 버튼의 index 값을 구하고 해당 라인의 li 의 index 값을 지정해서 그 안에 있는 input 의
값을 초기화하는 것잉었다. 이것을 위해서는 jQuery .index()와 .val() 이용하면 된다.

우선 삭제버튼의 index는 아래와 같이 구할 수 있다. 버튼의 class를 field_reset 으로 지정한 상태이다.

var idx = $(‘img.field_reset’).index($(this));

그런 다음 해당 라인을 감싸고 있는 li 안의 input 값을 초기화 시켜주면 된다. li의 class는 field_line 으로 지정했다.

$(‘li.field_line:eq(‘ + idx + ‘) input’).val(“”);

이런 식으로 코드를 구성하면 해당 라인의 input 값을 한번에 초기화할 수 있다.

편리

PHP와 MariaDB, jQuery 등을 사용해 게시판, 쇼핑몰 솔루션을 개발합니다. 그누보드5와 영카트5 개발에 참여 했습니다. Linux와 Nginx는 물론 WordPress, Git 등에도 관심이 많습니다. 자전거 타기 및 사진 촬영을 취미로 하고 있습니다.

카카오톡 플러스친구 채팅 : NCUBE.NET

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.