2012-02-10 26 views
127

Tôi đang sử dụng ứng dụng dành cho thiết bị di động và tôi sử dụng trường nhập vào để người dùng gửi một số.jquery cách điền vào trường nhập

Khi tôi quay lại và quay lại trang mà trường nhập hiện tại đầu vào số mới nhất được hiển thị tại trường nhập.

Có cách nào để xóa trường mỗi lần tải trang không?

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

Bạn đang sử dụng jQuery Mobile? – Jasper

Trả lời

282

Bạn có thể xóa các lĩnh vực đầu vào bằng cách sử dụng $('#shares').val('');

+0

thx cho câu trả lời nhanh chóng của bạn nó hoạt động – kosbou

+1

Điều này làm việc và là nó đặc điểm kỹ thuật tuân thủ nếu chúng ta có một đầu vào số như vậy ' '? Tôi đoán khác nhau, bạn có được phép đặt đầu vào dạng số để trống không? –

+3

Làm thế nào về' .val ([]) '? – Fr0zenFyr

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

nếu bạn nhấn vào nút "back" nó thường có xu hướng gắn bó, những gì bạn có thể làm là khi biểu mẫu được gửi rõ ràng yếu tố sau đó trước khi chuyển sang trang tiếp theo nhưng sau khi thực hiện với phần tử bạn cần.

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

Đặt val('') sẽ làm trống trường nhập. Vì vậy, bạn sẽ sử dụng này:

Xóa trường nhập khi tải trang:

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

Vì bạn đang sử dụng jQuery, làm thế nào về việc sử dụng một trigger- reset: hình thức

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

Trong khi nộp sử dụng phương pháp đặt lại trên biểu mẫu. Phương thức reset() đặt lại giá trị của tất cả các phần tử trong một biểu mẫu.

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

+0

Thêm một số descri ption để giải pháp của bạn xin vui lòng. – hB0

Các vấn đề liên quan