【Tip】如何快速清除表單內所有欄位

  • 14679
  • 0

摘要:【Tip】如何快速清除表單內所有欄位

因為是初學者的關係,所以一直都有那種要一個一個處理每個控制項的觀念,果然方法是死的,腦袋才是活的,今天看到一個方法還不錯用,剛好也派到實務上使用,果然,用了以後,發現以前真的很天真.....

因為用AJAX送出表單後,會希望將欄位裡面的值全部清空,所以都會這樣寫


$("#txtname").val("")

然後一個一個慢慢的key...,key到天荒地老,還在抱怨為什麼欄位這麼多,後來我才發現,其實好用的東西就在你手上,問題是你會不會用而已


$("#form1").find(":text,textarea").each(function() {
                $(this).val("");
            });

像這樣,我就可以把表單form1裡只要是type是text或是textarea裡的值,都給清空,同樣的也可以清空下拉選單select或著是radio,就不用一個一個清了,至於這段程式碼其實蠻好懂得,不清楚的可以去查Jquery官方文件,看看範例就會懂了,.find()意思就是尋找元素,.each()就是Jquery很強大的地方,可以針對每個找到的元素做一些動作,例如這邊就是清除.val("")

當然,希望這類的文章可以越來越多,代表我學的就越來越多囉~