Bir formu temizlemek ve bir düğme ile sayfayı sıfırlamak (yeniden yüklemek) mümkün mü?

Question

Kullanıcının içinde bir şey yazdığı ve sonuç sayfanın içinde döndüğü ve görüntülendiği bir sayfada formum var. Arama sonuçlarını ve formu eşzamanlı olarak temizleyecek bir butona sahip olmam mümkün mü?

Formu sıfırlamak için formdaki <input type="reset" value="Reset"/> düğmesini kullanabilir ve sayfayı yeniden yüklemek için aşağıdaki kodu kullanabilirsiniz.

<input type="button" value="Clear Results" onClick="window.location.reload()">

o düğme ikisini de yani arama sonuçlarını temizlemek ve formu sıfırlamak yapmak mümkün mü? Eğer JavaScript kullanılıyorsa, nasıl yapılır?

sayesinde sayfadaki böyle bir şey yapmak JQuery kullanarak

Answer 1

Gönderdiğiniz snippet'lerin işlevselliğini istiyorsanız, bunları birleştirebilirsiniz.

<input type="reset" value="Reset" onClick="window.location.reload()"> 

Ben ne olursa olsun sayfa yenilendiğinde nasıl denir beri MikeyHogarth önerisi @ hayranıyım

Answer 2

;

ve sonra sadece ikinci girişinizi kullanın, formlar sayfa yeniden yüklendiğinde otomatik olarak yenilenir.

Answer 3

(İşte, şimdi benim cevap XD kabul edebilir). Bu, javascript'ten daha basit olmak için javascript'i bulabildiğim nadir zamanlardan bir tanesidir, bu yüzden sadece kodu eklemek istedim.

$(document).ready(function() { 
    resetForms(); 
}); 

function resetForms() { 
    document.forms['myFormName'].reset(); 
} 

Bu form adı özelliği kullanılır, ve form kimliği kullanarak tercih ederseniz bunun yerine kullanmak bağlıyor:

document.getElementById('myFormId').reset(); 

Answer 4

sadece bu kod ile geçerli konuma sayfayı yönlendirebilirsiniz:

$('[data-command="reset"]').click(function() {  
    window.location.href = window.location.href; 
} 

---

<input type="button" value="Clear Results" data-command="reset">