2016-06-23 14 views
1

複数のオプションを選択できるドロップダウンがあります。テキスト領域に文字列のような選択されたオプションを表示したい。しかし、私は最初の値を選択しています。私はこれに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) 
 
{ 
 
\t var eName = document.getElementById("empyee"); 
 
\t var prev = ''; 
 
\t if(value != "") 
 
\t { 
 
\t \t 
 
\t \t alert(prev); 
 
\t \t prev = prev+ value; 
 
\t \t alert(value); 
 
\t \t alert(prev); 
 
\t \t eName.value = value; 
 
\t } 
 
} 
 
</script> 
 
<body> 
 
<select name="individual" multiple="multiple" class="form-control" id="dd5" size="6" onchange='checkEmp(this.value);'> 
 
    <option value=""></option> 
 
    \t <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>

答えて

0

<%@ 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) 
 
{ 
 
\t var eName = document.getElementById("empyee"); 
 
\t var prev = ''; 
 
\t if(value != "") 
 
\t { 
 
\t \t 
 
\t \t alert(prev); 
 
\t \t prev = prev+ value; 
 
\t \t alert(value); 
 
\t \t alert(prev); 
 
\t \t eName.value = prev; 
 
\t } 
 
} 
 
</script> 
 
<body> 
 
<select name="individual" multiple="multiple" class="form-control" id="dd5" size="6" onchange='checkEmp(this.value);'> 
 
    <option value=""></option> 
 
    \t <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>

+0

ません.Still私は以前の値に文字列を取得しておりません。 –

+0

var prev = '';関数checkEmp(value)の外になければなりません。それは決してクリアされません。 – Natraj

+0

yeah.Nowの値は追加されますが、前のオプションの下のオプションを選択すると、以前の値自体が追加されています –

関連する問題