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 값을 한번에 초기화할 수 있다.