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-07
JS面向?qū)ο缶幊虒崿F(xiàn)的Tab選項卡案例詳解
這篇文章主要介紹了JS面向?qū)ο缶幊虒崿F(xiàn)的Tab選項卡,結(jié)合具體案例形式詳細(xì)分析了JS基于面向?qū)ο蟪绦蛟O(shè)計實現(xiàn)Tab選項卡的相關(guān)操作技巧,需要的朋友可以參考下2020-03-03
javascript實現(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-04
JavaScript實現(xiàn)移動端禁止下拉露出網(wǎng)址廣告屏蔽技巧
這篇文章主要為大家介紹了JavaScript實現(xiàn)移動端禁止下拉露出網(wǎng)址或的廣告屏蔽技巧示例,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2022-06-06

