站長(zhǎng)資訊網(wǎng)
在JavaScript中，可以利用value屬性替換文本框選中的值，該屬性可以設(shè)置或者返回密碼域的默認(rèn)值，通過(guò)獲得文本框?qū)ο?，修改其value屬性值 ，便可修改文本框的值，語(yǔ)法為“指定文本選中對(duì)象.value='替換后的值'”。
本教程操作環(huán)境：windows10系統(tǒng)、javascript1.8.5版、Dell G3電腦。
javascript怎樣替換文本框選中的值
在js中，通過(guò)獲得文本框?qū)ο螅薷钠鋠alue屬性值 ，便可修改文本框的值。
示例如下：
使用input標(biāo)簽創(chuàng)建一個(gè)文本框，并設(shè)置其id屬性為test，用于下面獲得文本框?qū)ο?。通過(guò)value設(shè)置input文本框的默認(rèn)值，例如，這里設(shè)置默認(rèn)值為5566。
使用button標(biāo)簽創(chuàng)建一個(gè)按鈕，給button按鈕綁定onclick點(diǎn)擊事件，當(dāng)按鈕被點(diǎn)擊時(shí)，執(zhí)行editinput()函數(shù)。
在js標(biāo)簽中，創(chuàng)建editinput()函數(shù)，在函數(shù)內(nèi)，通過(guò)id獲得input對(duì)象，通過(guò)給對(duì)象的value屬性重新賦值，實(shí)現(xiàn)修改文本框的值。
語(yǔ)法如下：
<!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>
輸出結(jié)果：
點(diǎn)擊按鈕后：
【
