반응형
jQuery로 입력 필드를 비우는 방법
나는 모바일 앱에 있으며 사용자가 번호를 제출하기 위해 입력 필드를 사용합니다.
페이지로 돌아가서 입력 필드에 표시된 최신 번호 입력을 표시합니다.
페이지가 로드될 때마다 필드를 지울 수 있는 방법이 있습니까?
$('#shares').keyup(function(){
payment = 0;
calcTotal();
gtotal = ($('#shares').val() * 1) + payment;
gtotal = gtotal.toFixed(2);
$("p.total").html("Total Payment: <strong>" + gtotal + "</strong>");
});
다음을 사용하여 입력 필드를 지울 수 있습니다.$('#shares').val('');
$(document).ready(function(){
$('#shares').val('');
});
텍스트, 숫자, 검색, 텍스트 영역 입력을 재설정하려면:
$('#shares').val('');
재설정하려면 다음을 선택합니다.
$('#select-box').prop('selectedIndex',0);
라디오 입력을 재설정하려면:
$('#radio-input').attr('checked',false);
파일 입력을 재설정하는 방법
$("#file-input").val(null);
양식을 제출하는 동안 양식의 재설정 방법을 사용합니다.reset() 메서드는 폼의 모든 요소 값을 재설정합니다.
$('#form-id')[0].reset();
OR
document.getElementById("form-id").reset();
https://developer.mozilla.org/en-US/docs/Web/API/HTMLFormElement/reset
$("#submit-button").on("click", function(){
//code here
$('#form-id')[0].reset();
});<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
</head>
<body>
<form id="form-id">
First name:<br>
<input type="text" name="firstname">
<br>
Last name:<br>
<input type="text" name="lastname">
<br><br>
<input id="submit-button" type="submit" value="Submit">
</form>
</body>
</html>설정val('')입력 필드를 비웁니다.따라서 다음을 사용할 수 있습니다.
페이지가 로드될 때 입력 필드를 지웁니다.
$(function(){
$('#shares').val('');
});
jQuery를 사용하고 있으므로 트리거 재설정을 사용하는 것이 좋습니다.
$(document).ready(function(){
$('#shares').trigger(':reset');
});
"뒤로" 단추를 누르면 보통 고정되는 경향이 있습니다. 양식을 제출할 때 다음 페이지로 이동하기 전에 요소를 삭제하고 요소를 사용한 후에 필요한 작업을 수행할 수 있습니다.
$('#shares').keyup(function(){
payment = 0;
calcTotal();
gtotal = ($('#shares').val() * 1) + payment;
gtotal = gtotal.toFixed(2);
$('#shares').val('');
$("p.total").html("Total Payment: <strong>" + gtotal + "</strong>");
});
입력이 미리 채워진 경우(예: 제출된 검색 양식) 값 속성도 지워야 합니다.
$("#clearSearch").on('click', function(){
$('#search').val('').attr('value','');
});
언급URL : https://stackoverflow.com/questions/9236332/how-to-empty-input-field-with-jquery
반응형
'source' 카테고리의 다른 글
| 두 열의 최소값으로 정렬 (0) | 2023.08.09 |
|---|---|
| UIAlertAction에 대한 쓰기 처리기 (0) | 2023.08.09 |
| TSLint 자동 수정 경고 (0) | 2023.08.09 |
| Oracle regexp의 불균형한 '^' 및 '$' 앵커 (0) | 2023.08.09 |
| 쉼표로 구분된 std:: 문자열 구문 분석 (0) | 2023.08.09 |