L'exemple de cet article décrit comment implémenter js pour accumuler la valeur sélectionnée dans la zone de texte. Partagez-le avec tout le monde pour votre référence. Les détails sont les suivants :
JavaScript est implémenté ici pour ajouter les valeurs sélectionnées de la zone de liste ou du bouton radio à la zone de texte. Dans certains formulaires, nous voyons souvent cette fonction, qui peut éviter à l'utilisateur les problèmes de saisie et améliorer l'expérience utilisateur. . Avec quelques modifications, vous pouvez créer des fonctions plus similaires.
La capture d'écran de l'effet en cours d'exécution est la suivante :
Le code spécifique est le suivant :
<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>J'espère que cet article sera utile à la conception de la programmation JavaScript de chacun.
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
