사용자 입력에 따라 특정 정보를 표시하는 방법은 무엇입니까?

Question

저는 Wordpress와 Woocommerce 플러그인으로 작업하고 있습니다. 체크 아웃 페이지에서 사용자가 입력 필드에 쓰는 내용에 따라 특정 정보를 표시하고 싶습니다. jQuery를 사용하여이 작업을 수행했지만 몇 가지 문제가 있습니다.

사용자가 입력 필드에 무언가를 쓰면 특정 정보가 표시됩니다. 그러나 사용자가 입력 내용을 삭제하고 다른 것을 쓰면 "이전"정보가 그대로 남아 있고 "새로운"정보가 추가됩니다. 이전 정보를 숨기고 새 정보를 대체해야합니다. 여기

는이 <a href="https://jsfiddle.net/szb8wbaq/5/">JSFiddle</a>.

어떻게 이것을 달성 할 수있다?

도움 주셔서 감사합니다.

Answer 1

ID가 포함 된 범위 (예 : span id = "contenttoshow")에 표시 할 콘텐츠를 감싸고 결과를 출력하기 전에 존재 여부를 확인할 수 있습니다. 존재하지 않으면 제거() (https://api.jquery.com/remove/), 다음 새 콘텐츠를 추가하십시오.

이

if ($("#contenttoshow").length > 0) { 
    $("#contenttoshow").remove(); 
}