js實現(xiàn)將選中值累加到文本框的方法
更新時間：2015年08月12日 09:29:23 作者：企鵝
這篇文章主要介紹了js實現(xiàn)將選中值累加到文本框的方法,涉及javascript動態(tài)操作頁面元素結(jié)點的相關(guā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)文章
MUI 實現(xiàn)側(cè)滑菜單及其主體部分上下滑動的方法
下面小編就為大家分享一篇MUI 實現(xiàn)側(cè)滑菜單及其主體部分上下滑動的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-01-01
js的math中缺少的數(shù)學(xué)方法小結(jié)
JavaScript?Math對象包含一些真正有用且強(qiáng)大的數(shù)學(xué)運算,但它缺乏大多數(shù)其他語言提供的許多重要運算,例如求和,乘積,奇數(shù)和偶數(shù)等等,本文就來介紹一下2023-08-08
ECMAScript6函數(shù)剩余參數(shù)（Rest Parameters）
這篇文章主要介紹了ECMAScript6函數(shù)剩余參數(shù)（Rest Parameters）的相關(guān)資料,需要的朋友可以參考下2015-06-06
javascript與PHP動態(tài)往類中添加方法對比
這篇文章主要介紹了JAVASCRIPT與PHP動態(tài)往類中添加方法對比的相關(guān)資料,需要的朋友可以參考下2018-03-03
在開發(fā)過程中,有時候需要用到iframe復(fù)用不同域名下的頁面內(nèi)容,為了提供連貫的用戶體驗,經(jīng)常需要在主頁面（父頁面）和iframe子頁面之間共享滾動位置,本文將介紹其中較為常見的一種方法來實現(xiàn)iframe父子頁面共用滾動條,需要的朋友可以參考下2024-05-05
這篇文章主要介紹了Javascript中的Callback方法淺析,本文講解了什么是callback、Javscript Callback、Callback是什么、Callback實例等內(nèi)容,需要的朋友可以參考下2015-03-03
JavaScript實現(xiàn)水平進(jìn)度條拖拽效果
這篇文章主要為大家詳細(xì)介紹了JavaScript實現(xiàn)水平進(jìn)度條拖拽效果的相關(guān)資料，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-01-01
論壇特效代碼收集（落伍轉(zhuǎn)發(fā)-不錯）...2006-12-12
這篇文章主要介紹了Paypal支付不完全指北，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-06-06
本地圖片預(yù)覽(支持IE6/IE7/IE8/Firefox3)經(jīng)驗總結(jié)
遇到的本地圖片預(yù)覽的需求,IE6下可以直接從file的value獲取圖片路徑來顯示預(yù)覽,IE7和IE8下通過select獲取file的圖片路徑，再用濾鏡來顯示預(yù)覽，至于FireFox祥看本文吧，希望可以幫助到你2013-03-03