js實現(xiàn)將選中值累加到文本框的方法
本文實例講述了js實現(xiàn)將選中值累加到文本框的方法。分享給大家供大家參考。具體如下:
這里實現(xiàn)JavaScript將列表框或單選框選中的值累計加入到文本框中,在一些表單中,我們經(jīng)常會看到這種功能,可以免去用戶輸入的麻煩,提升用戶體驗。變通一下,你還可以做出更多的類似功能來。
運行效果截圖如下:
具體代碼如下:
<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="">請選擇</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>
希望本文所述對大家的javascript程序設(shè)計有所幫助。
- JS實現(xiàn)點擊復(fù)選框?qū)粹o或文本框變?yōu)榛疑豢捎玫姆椒?/a>
- js限制文本框只能輸入中文的方法
- js實現(xiàn)仿Discuz文本框彈出層效果
- JS實現(xiàn)下拉菜單賦值到文本框的方法
- js實現(xiàn)文本框支持加減運算的方法
- js實現(xiàn)文本框只允許輸入數(shù)字并限制數(shù)字大小的方法
- JS給Textarea文本框添加行號的方法
- js實現(xiàn)鼠標(biāo)點擊文本框自動選中內(nèi)容的方法
- js限制文本框的輸入內(nèi)容代碼分享(3類)
- jQuery實現(xiàn)動態(tài)表單驗證時文本框抖動效果完整實例
- js文本框走動跑馬燈效果代碼分享
- JavaMe開發(fā)繪制可自動換行文本
- JavaMe開發(fā)繪制文本框TextEdit
相關(guān)文章
原生JS實現(xiàn)風(fēng)箱式demo,并封裝了一個運動框架(實例代碼)
下面小編就為大家?guī)硪黄鶭S實現(xiàn)風(fēng)箱式demo,并封裝了一個運動框架(實例代碼)。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-07-07JS面向?qū)ο缶幊虒崿F(xiàn)的Tab選項卡案例詳解
這篇文章主要介紹了JS面向?qū)ο缶幊虒崿F(xiàn)的Tab選項卡,結(jié)合具體案例形式詳細(xì)分析了JS基于面向?qū)ο蟪绦蛟O(shè)計實現(xiàn)Tab選項卡的相關(guān)操作技巧,需要的朋友可以參考下2020-03-03javascript實現(xiàn)簡單的二級聯(lián)動
這篇文章主要介紹了javascript實現(xiàn)簡單的二級聯(lián)動,非常的實用,需要的朋友可以參考下2015-03-03用javascript動態(tài)調(diào)整iframe高度的代碼
用javascript動態(tài)調(diào)整iframe高度的代碼...2007-04-04JavaScript實現(xiàn)移動端禁止下拉露出網(wǎng)址廣告屏蔽技巧
這篇文章主要為大家介紹了JavaScript實現(xiàn)移動端禁止下拉露出網(wǎng)址或的廣告屏蔽技巧示例,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2022-06-06