快捷導(dǎo)航

js實(shí)現(xiàn)將選中值累加到文本框的方法

更新時間：2015年08月12日 09:29:23 作者：企鵝

這篇文章主要介紹了js實(shí)現(xiàn)將選中值累加到文本框的方法,涉及javascript動態(tài)操作頁面元素結(jié)點(diǎn)的相關(guān)技巧,非常簡單實(shí)用,需要的朋友可以參考下

本文實(shí)例講述了js實(shí)現(xiàn)將選中值累加到文本框的方法。分享給大家供大家參考。具體如下：

這里實(shí)現(xiàn)JavaScript將列表框或單選框選中的值累計(jì)加入到文本框中，在一些表單中，我們經(jīng)常會看到這種功能，可以免去用戶輸入的麻煩，提升用戶體驗(yàn)。變通一下，你還可以做出更多的類似功能來。

運(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="">請選擇</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è)計(jì)有所幫助。

您可能感興趣的文章:

相關(guān)文章

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