Das Beispiel in diesem Artikel beschreibt, wie man js implementiert, um den ausgewählten Wert im Textfeld zu akkumulieren. Teilen Sie es als Referenz mit allen. Die Details lauten wie folgt:
JavaScript wird hier implementiert, um die ausgewählten Werte des Listenfelds oder der Optionsschaltfläche zum Textfeld hinzuzufügen. In einigen Formularen sehen wir diese Funktion häufig, was dem Benutzer die Mühe der Eingabe ersparen und das Benutzererlebnis verbessern kann . Mit einigen Modifikationen können Sie weitere ähnliche Funktionen erstellen.
Der Screenshot des Laufeffekts sieht wie folgt aus:
Der spezifische Code lautet wie folgt:
<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>Ich hoffe, dass dieser Artikel für das JavaScript-Programmierdesign aller hilfreich sein wird.
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
