本文實例講述了js實現將選中值累加到文本框的方法。分享給大家供大家參考。具體如下:
這里實現JavaScript將列表框或單選框選中的值累計加入到文本框中,在一些表單中,我們經常會看到這種功能,可以免去用戶輸入的麻煩,提升用戶體驗。變通一下,你還可以做出更多的類似功能來。
運行效果截圖如下:
具體代碼如下:
<html><head><title>js將選中值添加到文本框</title><SCRIPT LANGUAGE="JavaScript"><!-- Beginoldvalue = "";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程序設計有所幫助。
新聞熱點
疑難解答