javascript怎麼取代文字方塊選取的值
- WBOY原創
- 2022-01-12 16:09:292817瀏覽
在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中文網其他相關文章！
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn