[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>");
            });