2013-08-28 2 views
1

클릭시 모두 지우기 (재설정 안 함) 입력을 지 웁니다 (기본 텍스트 상자 값도 지움). 가능한 한 적은 자원을 사용하는 매우 짧고 간단한 코드가 필요합니다.jQuery 텍스트 상자를 지우고 기본 드롭 다운 메뉴 값으로 재설정

HTML 양식

<form id="form2" action='project_manager' method='post'> 
<input type='text' name='project' value="default value" > 
<select name='job_number'> 
<option value='0'></option> 
<option value='1'>job1</option> 
</select> 

<input type="button" id="clear_all" value="Clear all" /> 
</form> 

jQuery를

$('input[id="clear_all"]').click (function() { 
$(':input').val(''); 

}); 
}); 

는하지만이 또한 버튼의 값을 지 웁니다. 버튼의 가치가 남아 있어야합니다.

메뉴 값을 드롭 다운 다시 설정하는 방법 $('form :input[type=text]').val("");

로 변경?

시도한 $('form :select').val("");$('form :select').selectedIndex = -1;. 당신은 코드의 라인을 작성할 필요가 없습니다

<input type="reset" id="clear_all" value="Clear all" /> 

을 : 잘못된 뭔가 ...

+0

를 시도? –

+0

HTML 재설정 버튼을 사용할 수없는 것은 무엇입니까? –

+0

@JanithChinthana''을 지우면 텍스트 상자의 기본값으로 재설정됩니다. 빈 텍스트 상자가 필요합니다 – user2465936

답변

4
$(':input').not(":button").val(''); 

참조하십시오 .

+0

이것은 가장 짧은 솔루션 인 것 같습니다 – user2465936

+0

thanks @ user2465936 –

1

$('form select').val(""); 
+0

텍스트 상자에 기본값을 다시 설정합니다. – user2465936

+0

@ user2465936 : 기본값이 빈 문자열 인 경우에만 작동하는 것처럼 보입니다. 그것은 단지 1 가지 제안입니다. 기본값이 빈 문자열이면 이것을 사용할 수 있습니다. 일반적으로 'clear'은 기본값으로 재설정하는 것을 의미합니다. –

0
$(':input:not([type=button])').val(''); 
+0

질문의 해결 방법을 확장 할 수 있습니까? –

+0

@Denomales - OP는 그들의 코드가 예상대로 작동한다고 말했다.문제는 제출 버튼의 텍스트를 덮어 쓰는 것이 었습니다. 이 선택자는 제출 단추를 생략합니다. –

0

없음 JQuery와 값이 안쪽 분명 모든 필드에 대한 코드입니다

0

변경 단추를 사용해보십시오 형태.

$('#myform').find('input:text, input:password, input:file, select, textarea').val(''); 
$('#myform').find('input:radio, input:checkbox').removeAttr('checked').removeAttr('selected'); 
1

를 삭제됩니다 필요하지

<input type="reset" id="clear_all" value="Clear all" /> 

재설정이

$(document).ready(function() { 
    $("#button_clear").click(function() { 
      document.getElementById('formId').reset(); 
    }); 
}); 
-1
try this. 
$('select').val(" "); 
1

양식을 재설정 할 버튼에

document.getElementById('formId').reset();