在JavaScript中,可以利用value屬性替換文字方塊選取的值,該屬性可以設定或傳回密碼域的預設值,透過取得文字方塊對象,修改其value屬性值,便可修改文字方塊的值,語法為「指定文字選取物件.value='替換後的值'」。
本教學操作環境:windows10系統、javascript1.8.5版、Dell G3電腦。
javascript怎麼替換文字方塊選取的值
在js中,透過取得文字方塊對象,修改其value屬性值,便可修改文字方塊的值。
範例如下:
使用input標籤建立一個文字框,並設定其id屬性為test,用於下面取得文字框物件。透過value設定input文字方塊的預設值,例如,這裡設定預設值為5566。
使用button標籤建立一個按鈕,給button按鈕綁定onclick點擊事件,當按鈕被點擊時,執行editinput()函數。
在js標籤中,建立editinput()函數,在函數內,透過id獲得input對象,透過給對象的value屬性重新賦值,實現修改文字方塊的值。
語法如下:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> </head> <body> <input type="text" value="5566" id="test"> <button onclick="editinput()">修改</button> <script> function editinput() { document.getElementById("test").value='8888'; } </script> </body> </html>
輸出結果:
點擊按鈕後:
【相關推薦:javascript學習教學】
以上是javascript怎麼取代文字方塊選取的值的詳細內容。更多資訊請關注PHP中文網其他相關文章!