jquery 입력 필드를 비우는 방법

199

저는 모바일 앱에 있으며 사용자가 숫자를 제출할 수 있도록 입력 필드를 사용합니다.

돌아가서 해당 입력 필드가 입력 필드에 표시된 최신 숫자 입력을 표시하는 페이지로 돌아갑니다.

페이지를로드 할 때마다 필드를 지우는 방법이 있습니까?

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

— 코스 부
소스

418

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

— shaunsantacruz
소스

2

이 기능이 작동합니까 <input type="number" min="0' max="10" value="5"></input>? 숫자 입력이 있으면 사양을 준수 합니까? 다르게 말했듯이 숫자 입력을 공백으로 설정할 수 있습니까?

— Kevin Wheeler

3

어때요 .val([])?

— Fr0zenFyr

3

관련 메모 .val([])에서 선택 목록에서 선택한 옵션을 선택 취소 할 수도 있습니다 .val(''). 가장 좋은 점은 브라우저 간 지원입니다. 추신 : 이것은 다른 효율적인 크로스 브라우저 솔루션의 대안 $("select option").prop("selected", false);이지만 모든 입력에서 작동합니다. 그가 만든 테스트에 대해 Jon 에게 감사한다 .

— Fr0zenFyr

29

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

— 오 사훈
소스

10

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

스 니펫 확장

— 라디카
소스

누군가를 도울 수 있지만이 맥락에서 당신의 대답은 쓸모가 없습니다.

— Marco Concas

8

설정은 val('')입력 필드를 비워 것입니다. 그래서 당신은 이것을 사용할 것입니다 :

페이지가로드 될 때 입력 필드를 지우십시오.

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

— 프랜시스 루이스
소스

4

jQuery를 사용하고 있으므로 트리거 재설정을 사용하는 방법은 무엇입니까 ?

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

— 검은 담비
소스

3

텍스트, 숫자, 검색, 텍스트 영역 입력을 재설정하려면 :

$('#shares').val('');

리셋을 선택하려면 :

$('#select-box').prop('selectedIndex',0);

라디오 입력을 재설정하려면

$('#radio-input').attr('checked',false);

파일 입력을 재설정하려면

$("#file-input").val(null);

— 닭
소스

0

"뒤로"버튼을 누르면 일반적으로 고착되는 경향이 있습니다. 양식을 요소에서 지운 후 다음 페이지로 넘어 가기 전에 필요한 요소를 처리 한 후에 수행 할 수 있습니다.

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

— 크리스
소스