首頁  >  文章  >  web前端  >  javascript怎麼清除文字框內容

javascript怎麼清除文字框內容

藏色散人
藏色散人原創
2021-11-09 14:39:398374瀏覽

javascript清除文字方塊內容的方法:1、建立一個文字網域和按鈕;2、引用jQuery js檔案;3、透過qingkong()方法清除文字方塊內容即可。

javascript怎麼清除文字框內容

本文操作環境:windows7系統、javascript1.8.5版、Dell G3電腦。

javascript怎麼清除文字方塊內容?

JS將文字方塊裡的值清空:

先整體看一下佈局,製作一個有文字方塊的HTML標籤,這裡用的是textare ,然後做一個按鈕,按鈕觸發js事件,達到清除指定文字方塊的資料。

javascript怎麼清除文字框內容

文字域的HTML程式碼:

javascript怎麼清除文字框內容

按鈕的程式碼:清空

javascript怎麼清除文字框內容

qingkong() 方法的程式碼: document.getElementById("textneirong").value="";  其中textneirong這個文字方塊屬性id法人值。除此方法還可以利用JQuery的方法來處理文字方塊裡的值。程式碼如下:

$("#textneirong").val("");$(".form-controlx").val(""); 同樣也是利用id和屬性class來處理。

javascript怎麼清除文字框內容

利用JQuery的方法來處理,一定引用jQuery js檔。百度都可以搜尋到。下載到專案裡,加入引用就OK了。

javascript怎麼清除文字框內容

推薦學習:《javascript基礎教學

以上是javascript怎麼清除文字框內容的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn