이 submited의 remove 클래스와 새로 고침 페이지 나 이미지를 업로드 버튼, 페이지 새로 고침을 제출 클릭하고는 "드래그 앤 파일을 삭제할 것을 알 수

Question

<div class="col-sm-6"> 
 
    <div class="bc-uploader" onclick="$('#frontId').click()"> 
 
    <div class="bc-upload-text"> 
 
     <span> 
 
     Drag and drop a file or select an image 
 
     </span> 
 
    </div> 
 
    
 
    <div class="bc-image-text"> 
 
     <span> 
 
     Change current image 
 
     </span> 
 
    </div> 
 
    
 
    <div class="bc-img-wrapper"> 
 
     <img class="file-upload-image" id="frontId-img" src="/images/investor/35403/frontId.jpg" alt=""> 
 
    </div> 
 
    
 
    <input type="file" name="frontId" id="frontId" accept="image/*"> 
 
    </div> 
 
</div> 
 

 

 
--- Submit Buttom --- 
 

 
<button id="btn-kyc-verification" type="submit" class="bc-btn bc-btn-blue">Submit</button>

또는 선택 및 이미지 "는 이미지를 오버레이합니다. 제출 및 페이지 새로 고침을 누르면 해당 텍스트가 없어야합니다. 어떤 방법 으로든 제출 버튼을 클릭하면 페이지가 새로 고침되고 클래스 "bc-upload-text"가 제거되었거나 숨겨져 있습니까?

Answer 1

자바 스크립트 방법

var text = document.querySelector(".bc-upload-text"); 
var btn = document.getElementById("btn-kyc-verification"); 

btn.addEventListener("click", function(){ 
    text.remove(); 
}); 

의 jQuery 방법 코드에 대한

var text = $(".bc-upload-text"); 
var btn = $("#btn-kyc-verification"); 

btn.on("click", function(){ 
    text.remove(); 
});