jquery 입력 필드를 비우는 방법


Answers

$('#shares').val(''); 를 사용하여 입력 필드를 지울 수 있습니다 $('#shares').val('');

Question

모바일 앱에 있는데 사용자가 번호를 제출하도록 입력란을 사용합니다.

돌아가서 페이지로 돌아 가면 입력 필드에 표시된 최신 숫자 입력이 나타납니다.

페이지가로드 될 때마다 필드를 지울 수있는 방법이 있습니까?

$('#shares').keyup(function(){
    payment = 0;
    calcTotal();
    gtotal = ($('#shares').val() * 1) + payment;
    gtotal = gtotal.toFixed(2);
    $("p.total").html("Total Payment: <strong>" + gtotal + "</strong>");
});



$(document).ready(function(){
  $('#shares').val('');
});



"뒤로"버튼을 누르면 일반적으로 붙어 다니는 경향이 있습니다. 양식을 제출하면 양식을 제출 한 다음 다음 페이지로 이동하기 전에 필요한 요소를 수행 한 후에 수행 할 수 있습니다.

    $('#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>");
            });



양식에 양식 사용 재설정 방법을 제출하는 중. 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>




jQuery를 사용하고 있으므로 트리거 reset 사용하는 방법은?

$(document).ready(function(){
  $('#shares').trigger(':reset');
});



val('') 설정하면 입력 필드가 비게됩니다. 그래서 이것을 사용할 수 있습니다 :

페이지가로드 될 때 입력 필드 지우기 :

$(function(){
    $('#shares').val('');
});