2013-03-11 28 views
30

Tôi biết điều này liên tục được yêu cầu và tôi đã kiểm tra các câu trả lời khác nhau và thử các giải pháp khác nhau nhưng không có kết quả. Trong một số trường hợp, nó có thể thực sự là một trường hợp theo điều kiện tùy thuộc vào cách mã đã được redacted.Xóa các trường nhập trên biểu mẫu gửi

Tôi muốn chỉ đơn giản là có hai trường nhập trong trang của mình để xóa khi nhấp vào (& & nhập - trừ khi sự kiện riêng biệt của nó, đó là cho một chuỗi khác), xem xét tôi luôn nhấn enter như trái ngược với cách nhấp - đây là một trang web chỉ có nghĩa là để sử dụng của tôi.

Tôi có tất nhiên thẻ đầu vào, loại gửi và hoạt động tốt. Nhưng tôi cũng đã có một hàm onSubmit cụ thể:

function onSubmitForm(e) { 
    e.preventDefault(); 
    var var1 = document.getElementById("name"); 
    var var2 = document.getElementById("review"); 
    arrayOne.push({name:var1.value,review:var2.value}); 
    localStorage.filmDatabase = JSON.stringify(arrayOne); 
    document.getElementById("eyedee").innerHTML += '<p>' + '<span class=name>' + var1.value + '</span>' + '<span class=review>' + var2.value + '</span>'; 
} 

Tôi đoán nó chỉ là về việc đưa một dòng (bên phải) mã, có lẽ hầu hết ở phần cuối của khối nhưng tôi chỉ không thể hình dung nó ra . Cảm ơn rất nhiều vì đã giúp đỡ!

+0

Bạn nên sử dụng [jQuery] (http://jquery.com/) ..Why? xem [this] (http://blog.utest.com/why-should-anyone-use-jquery/2011/06/) –

+0

dọc theo cùng một dòng câu hỏi ban đầu, vẫn với cùng phương thức onSubmitForm, làm cách nào để tôi lấy tiêu điểm được đặt trở lại trường đầu vào "đầu tiên" khi gửi, để làm cho nó "sẵn sàng" để nhập lại biểu mẫu ngay lập tức mà không phải chọn nó mỗi lần. Thnx! –

Trả lời

31

Sử dụng reset chức năng, trong đó có sẵn trên các yếu tố hình thức.

var form = document.getElementById("myForm"); 
form.reset(); 
+0

cảm ơn!) nhưng tôi đã chọn khả năng thứ hai, "xóa" các giá trị của các trường nhập. Cảm ơn tất cả! =) –

+0

@KizerYakuza Bạn nên chấp nhận câu trả lời bạn đã chọn. Nó rất hữu ích để tham khảo trong tương lai. – thomaux

31

Bạn có thể xóa ra giá trị của họ bằng cách chỉ cần thiết lập giá trị cho một chuỗi rỗng:

var1.value = ''; 
var2.value = ''; 
+0

Cảm ơn! =) Đây là tùy chọn cuối cùng tôi đã đi vì nó đã được dễ dàng hơn cho tôi để tích hợp vào mã^^ cảm ơn tất cả! =) –

+0

rất sạch sẽ và dễ dàng. – otmezger

0

Bằng cách này, bạn giữ biểu mẫu bằng ID của mình và ném tất cả nội dung của mình. Kỹ thuật này là nhanh nhất.

document.forms["id_form"].reset(); 
1

Vẫn sử dụng chuỗi rỗng, bạn có thể sử dụng:

document.getElementById("name").value = ''; 
document.getElementById("review").value = ''; 
Các vấn đề liên quan