Jquery를 사용하여 html 입력 텍스트 필드의 내용을 지우는 방법

Question

숨길 수있는 html 텍스트 필드가 있습니다.

숨길 때 텍스트 입력란을 지우고 싶습니다.

나는 이것을 사용했으나 작동하지 않습니다.

$('#id').val("");

는 그리고 나뿐만 아니라 $('#id').text("");을 시도했다.

텍스트 필드 전체가 제거되었습니다.

Answer 1

TheTextField이 입력 필드의 ID라고 가정하면 정상적으로 작동합니다. 당신은 방화 광을 사용하고 당신이 숨겨진 상태에서 입력 필드를 보면

$('#TheTextField').val(""); 
$('#TheTextField').hide(); 

어쨌든, 당신은 value 속성은 여전히 ​​정말없는 값을 가지고 있음을 볼 수 있습니다,하지만 당신은 그것을 다시 표시 할 때 : 당신이 방화범 무엇을보고 반대는 브라우저에서 렌더링 볼로

$('#TheTextField').val(""); 
$('#TheTextField').hide(); 
$('#TheTextField').show(); 

입력 필드, 그것은 더 이상 값이 없습니다. 이 나를 위해 작동하기 때문에 ... 당신의 코드에 무슨 일이 일어나고 또 어떤

Answer 2

...

<input id="id"> 
<input id="clear" type="button" value="Clear"> 

및

$('#clear').click(function(){ 
    $('#id').val('');  
}); 

가 작동 예 : http://jsfiddle.net/jasongennaro/xrxU8/

Answer 3

이 올바른 :

$('#id').val(''); 

그러나, 당신의 파트 2는 흥미 롭습니다.

$('#id').text(""); 

설명하는 동작을 생성하면 안됩니다. <input>이 아니라 부모 개체를 참조하고 있다고 생각합니다.

Answer 4

이 시도하십시오

$('#id').attr("value","");