js實(shí)現(xiàn)將選中值累加到文本框的方法
本文實(shí)例講述了js實(shí)現(xiàn)將選中值累加到文本框的方法。分享給大家供大家參考。具體如下:
這里實(shí)現(xiàn)JavaScript將列表框或單選框選中的值累計(jì)加入到文本框中,在一些表單中,我們經(jīng)常會(huì)看到這種功能,可以免去用戶輸入的麻煩,提升用戶體驗(yàn)。變通一下,你還可以做出更多的類(lèi)似功能來(lái)。
運(yùn)行效果截圖如下:
具體代碼如下:
<html> <head> <title>js將選中值添加到文本框</title> <SCRIPT LANGUAGE="JavaScript"> <!-- Begin oldvalue = ""; function passText(passedvalue) { if (passedvalue != "") { var totalvalue = passedvalue+"\n"+oldvalue; document.displayform.itemsbox.value = totalvalue; oldvalue = document.displayform.itemsbox.value; } } // End --> </script> </head> <body> <form name="selectform"> <select name="dropdownbox" size=1> <option value="">請(qǐng)選擇</option> <option value="ASP">ASP</option> <option value="PHP">PHP</option> <option value="JAVA">JAVA</option> <option value="ASP.NET">ASP.NET</option> <option value="DELPHI">DELPHI</option> </select> <input type=button value="添加到列表中" onClick="passText(this.form.dropdownbox.options[this.form.dropdownbox.selectedIndex].value);"> </form> <form name="displayform" > <textarea cols="30" rows="5" name="itemsbox" ></textarea> </body> </html>
希望本文所述對(duì)大家的javascript程序設(shè)計(jì)有所幫助。
- JS實(shí)現(xiàn)點(diǎn)擊復(fù)選框?qū)粹o或文本框變?yōu)榛疑豢捎玫姆椒?/a>
- js限制文本框只能輸入中文的方法
- js實(shí)現(xiàn)仿Discuz文本框彈出層效果
- JS實(shí)現(xiàn)下拉菜單賦值到文本框的方法
- js實(shí)現(xiàn)文本框支持加減運(yùn)算的方法
- js實(shí)現(xiàn)文本框只允許輸入數(shù)字并限制數(shù)字大小的方法
- JS給Textarea文本框添加行號(hào)的方法
- js實(shí)現(xiàn)鼠標(biāo)點(diǎn)擊文本框自動(dòng)選中內(nèi)容的方法
- js限制文本框的輸入內(nèi)容代碼分享(3類(lèi))
- jQuery實(shí)現(xiàn)動(dòng)態(tài)表單驗(yàn)證時(shí)文本框抖動(dòng)效果完整實(shí)例
- js文本框走動(dòng)跑馬燈效果代碼分享
- JavaMe開(kāi)發(fā)繪制可自動(dòng)換行文本
- JavaMe開(kāi)發(fā)繪制文本框TextEdit
相關(guān)文章
原生JS實(shí)現(xiàn)風(fēng)箱式demo,并封裝了一個(gè)運(yùn)動(dòng)框架(實(shí)例代碼)
下面小編就為大家?guī)?lái)一篇原生JS實(shí)現(xiàn)風(fēng)箱式demo,并封裝了一個(gè)運(yùn)動(dòng)框架(實(shí)例代碼)。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-07-07JS面向?qū)ο缶幊虒?shí)現(xiàn)的Tab選項(xiàng)卡案例詳解
這篇文章主要介紹了JS面向?qū)ο缶幊虒?shí)現(xiàn)的Tab選項(xiàng)卡,結(jié)合具體案例形式詳細(xì)分析了JS基于面向?qū)ο蟪绦蛟O(shè)計(jì)實(shí)現(xiàn)Tab選項(xiàng)卡的相關(guān)操作技巧,需要的朋友可以參考下2020-03-03javascript實(shí)現(xiàn)簡(jiǎn)單的二級(jí)聯(lián)動(dòng)
這篇文章主要介紹了javascript實(shí)現(xiàn)簡(jiǎn)單的二級(jí)聯(lián)動(dòng),非常的實(shí)用,需要的朋友可以參考下2015-03-03用javascript動(dòng)態(tài)調(diào)整iframe高度的代碼
用javascript動(dòng)態(tài)調(diào)整iframe高度的代碼...2007-04-04使用base64對(duì)圖片的二進(jìn)制進(jìn)行編碼并用ajax進(jìn)行顯示
這篇文章主要介紹了使用base64對(duì)圖片的二進(jìn)制進(jìn)行編碼并用ajax進(jìn)行顯示的相關(guān)資料,需要的朋友可以參考下2017-01-01js判斷undefined變量類(lèi)型使用typeof
js判斷undefined變量類(lèi)型使用typeof可以輕松實(shí)現(xiàn),不了解的朋友可以參考下哈,希望對(duì)你有所幫助2013-06-06JavaScript實(shí)現(xiàn)移動(dòng)端禁止下拉露出網(wǎng)址廣告屏蔽技巧
這篇文章主要為大家介紹了JavaScript實(shí)現(xiàn)移動(dòng)端禁止下拉露出網(wǎng)址或的廣告屏蔽技巧示例,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-06-06