选定的选项应从多选下拉列表中显示在文本区域中答案

【问题标题】：Selected options should display in text area from a multiple select dropdown选定的选项应从多选下拉列表中显示在文本区域中
【发布时间】：2016-06-23 12:34:04
【问题描述】：

我有一个可以选择多个选项的下拉菜单。我想在文本区域中显示选定的选项，例如字符串。但我只选择了第一个值。我为此使用 JSP 和 Javascript。

<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<%@taglib uri="http://www.springframework.org/tags/form" prefix="sp" %>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<html>
<script type="text/javascript">
function checkEmp(value)
{
	var eName = document.getElementById("empyee");
	var prev = '';
	if(value != "")
	{
		
		alert(prev);
		prev = prev+ value;
		alert(value);
		alert(prev);
		eName.value = value;
	}
}
</script>
<body>
<select  name="individual" multiple="multiple" class="form-control" id="dd5" size="6" onchange='checkEmp(this.value);'>
  <option value=""></option>
  	<c:forEach var="emp" items="${emp}">
        <option value="${emp.employee_Name}">${emp.employee_Name}</option>
    </c:forEach>
  </select>
  <textarea id="empyee" name="empyee" ></textarea>
</body>
</html>

【问题讨论】：

标签： spring jsp

【解决方案1】：

您必须如下设置“prev”，这将具有更新的值。

<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<%@taglib uri="http://www.springframework.org/tags/form" prefix="sp" %>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<html>
<script type="text/javascript">
function checkEmp(value)
{
	var eName = document.getElementById("empyee");
	var prev = '';
	if(value != "")
	{
		
		alert(prev);
		prev = prev+ value;
		alert(value);
		alert(prev);
		eName.value = prev;
	}
}
</script>
<body>
<select  name="individual" multiple="multiple" class="form-control" id="dd5" size="6" onchange='checkEmp(this.value);'>
  <option value=""></option>
  	<c:forEach var="emp" items="${emp}">
        <option value="${emp.employee_Name}">${emp.employee_Name}</option>
    </c:forEach>
  </select>
  <textarea id="empyee" name="empyee" ></textarea>
</body>
</html>

【讨论】：

不。我仍然没有得到以前值的字符串。
var prev = '';应该在函数 checkEmp(value) 之外。这样每次都不会清零。
是的。现在正在附加值，但是如果我在上一个选项下面选择一个选项，它本身就是在附加上一个值