jquery giriş alanı nasıl boşaltılır

200

Bir mobil uygulamadayım ve kullanıcının bir numara göndermesi için bir giriş alanı kullanıyorum.

Geri döndüğümde ve o girdi alanının girdi alanında görüntülenen en son sayı girdisini sunduğu sayfaya döndüğümde.

Sayfa her yüklendiğinde alanı temizlemenin bir yolu var mı?

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

— kosbou
kaynak

419

Giriş alanını kullanarak $('#shares').val('');

— shaunsantacruz
kaynak

2

Bu işe yarıyor mu ve böyle sayısal bir girdimiz varsa şartname uyumlu <input type="number" min="0' max="10" value="5"></input>mu? Sanırım farklı bir şekilde, sayısal bir girişin boş olarak ayarlanmasına izin veriliyor mu?

— Kevin Wheeler

3

Nasıl .val([])?

— Fr0zenFyr

3

İlgili bir notta, .val([])seçim listesindeki seçilen herhangi bir seçeneğin seçimini de kaldırabilir ... ile değil .val(''). Bununla ilgili en iyi şey, tarayıcılar arası destek olmasıdır. Not: Bu sadece diğer verimli çapraz tarayıcı çözümüne bir alternatiftir - $("select option").prop("selected", false);ancak tüm girişlerle çalışır. Sayesinde Jon için yarattığı bir test .

— Fr0zenFyr

29

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

— osahyoun
kaynak

10

Formu gönderirken formdaki reset yöntemini kullanın. Reset () yöntemi, formdaki tüm öğelerin değerlerini sıfırlar.

$('#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>

Snippet'i genişlet

— Radhika
kaynak

Birine yardım edebilir, ancak bu bağlamda cevabınız işe yaramaz.

— Marco Concas

8

Ayar val(''), giriş alanını boşaltacaktır. Yani bunu kullanırsınız:

Sayfa yüklendiğinde giriş alanını temizleyin:

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

— Francis Lewis
kaynak

4

JQuery kullandığınızdan, bir tetikleyici sıfırlama kullanmaya ne dersiniz :

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

— Sablefoste
kaynak

3

Metin, sayı, arama, metin alanı girişlerini sıfırlamak için:

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

Sıfırlamak için seçin:

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

Radyo girişini sıfırlamak için:

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

Dosya girişini sıfırlamak için:

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

— tavuklar
kaynak

0

"geri" düğmesine basarsanız genellikle yapışmaya eğilimlidir, yapabileceğiniz şey form gönderildiğinde öğeyi temizler, daha sonra bir sonraki sayfaya gitmeden önce, ancak öğeyle ne yapmanız gerektiğidir.

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

— chris
kaynak