您好,登錄后才能下訂單哦!
這篇文章主要為大家展示了“javascript如何替換文本框選中的值”,內(nèi)容簡而易懂,條理清晰,希望能夠幫助大家解決疑惑,下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“javascript如何替換文本框選中的值”這篇文章吧。
在JavaScript中,可以利用value屬性替換文本框選中的值,該屬性可以設(shè)置或者返回密碼域的默認(rèn)值,通過獲得文本框?qū)ο?,修改其value屬性值 ,便可修改文本框的值,語法為“指定文本選中對(duì)象.value='替換后的值'”。
本教程操作環(huán)境:windows10系統(tǒng)、javascript1.8.5版、Dell G3電腦。
javascript如何替換文本框選中的值
在js中,通過獲得文本框?qū)ο?,修改其value屬性值 ,便可修改文本框的值。
示例如下:
使用input標(biāo)簽創(chuàng)建一個(gè)文本框,并設(shè)置其id屬性為test,用于下面獲得文本框?qū)ο蟆Mㄟ^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),通過id獲得input對(duì)象,通過給對(duì)象的value屬性重新賦值,實(shí)現(xiàn)修改文本框的值。
語法如下:
<!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)擊按鈕后:
以上是“javascript如何替換文本框選中的值”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內(nèi)容對(duì)大家有所幫助,如果還想學(xué)習(xí)更多知識(shí),歡迎關(guān)注億速云行業(yè)資訊頻道!
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場,如果涉及侵權(quán)請(qǐng)聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。