기본적으로 값 속성에서 html 양식 값을 재설정하는 방법

Question

내 html 양식을 재설정하고 싶습니다. <input type="reset">을 사용하면 페이지가로드 된 직후에 채워지는 값은 value으로 지정된 값이 아닌

값을 입력하면 재설정됩니다. 그러나 다음과 같은 시도가 있지만 작동하지 않습니다.

시계 내 FIDDLE 어떤 도움에 감사드립니다

$(".rest").on("click", function(event){ 
     $('#searchfrm input').val(''); 
}); 

/* 
$(".rest").on("click", function(event){ 
     $('#searchfrm input')[0].reset(); 
}); 
*/ 

HTML

<form id="searchfrm"> 
    <input type="text" value="hiii"> 
    <input type="reset" class="rest"> 
</form>  

JQUERY

(하나의 접근 방식은 주석)

Answer 1

입력 유형 재설정에는 코드 작동을 방지해야하는 일부 기본 작동이 있습니다. 재설정 입력은 모든 입력을 값 속성 값 (HTML 태그에 선언 된 속성)으로 설정합니다. jQuery기능을 덮어 쓰는 중이었습니다. 기본 동작은 값의 jQuery 설정 이후에 발생하기 때문입니다.

$(".rest").on("click", function(event){ 
     event.preventDefault(); 
     $('#searchfrm input').val(''); 
}); 

편집 또한 설명

jQuery를 input.value 같은 .val() 동작합니다. 이 속성을 설정합니다. jQuery .attr()은 input.setAttribute()처럼 동작합니다.이 속성을 설정합니다. 재설정은 value 속성이 아닌 Element의 value 속성을 사용합니다. 예를 들어 다음 코드도 작동합니다.

$(".rest").on("click", function(){ 
    $('#searchfrm input').attr('value', ''); 
}); 

Answer 2

변화가이 좋아하는 :

여기

$(".rest").on("click", function(event){ 
    $('#searchfrm input[type="text"]').attr('value',''); 
}); 

이 예상되는 동작은 여기에 무엇인가 Fiddle