[jquery] 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('');
});
답변
양식을 제출하는 동안 양식에 재설정 방법을 사용하십시오. 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').val('');리셋을 선택하려면 :
$('#select-box').prop('selectedIndex',0);라디오 입력을 재설정하려면
$('#radio-input').attr('checked',false);파일 입력을 재설정하려면
$("#file-input").val(null);답변
“뒤로”버튼을 누르면 일반적으로 고착되는 경향이 있습니다. 양식을 요소에서 지운 후 다음 페이지로 넘어 가기 전에 필요한 요소를 처리 한 후에 수행 할 수 있습니다.
$('#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>");
});