How to display multiple values in textarea using JavaScript

[Jay Shukla]

Hi All,

I am new to JavaScript.

I have two textareas on my JSP and i want to display value from one text area to another textarea by selecting that particular value from one text area that value should be diaplayed to other textarea but when i select next value the previous value is lost.

How could i retrieve all the values selected from first textarea?

Following are the snippets i have used in JSP:

//MoveOver function in Javascript

  
function moveOver()  
{
var boxLength = document.choiceForm.choiceBox.length;
var selectedItem = document.choiceForm.available.selectedIndex;
var selectedText = document.choiceForm.available.options[selectedItem].text;
var selectedValue = document.choiceForm.available.options[selectedItem].value;
var i;
var isNew = true;
if (boxLength != 0) {
for (i = 0; i < boxLength; i++) {
thisitem = document.choiceForm.choiceBox.options[i].text;
if (thisitem == selectedText) {
isNew = false;
break;
      }
   }
} 
if (isNew) {
newoption = new Option(selectedText, selectedValue, false, false);
document.choiceForm.choiceBox.options[boxLength] = newoption;
}
document.choiceForm.available.selectedIndex=-1;
}
function removeMe() {
var boxLength = document.choiceForm.choiceBox.length;
arrSelected = new Array();
var count = 0;
for (i = 0; i < boxLength; i++) {
if (document.choiceForm.choiceBox.options[i].selected) {
arrSelected[count] = document.choiceForm.choiceBox.options[i].value;
}
count++;
}
var x;
for (i = 0; i < boxLength; i++) {
for (x = 0; x < arrSelected.length; x++) {
if (document.choiceForm.choiceBox.options[i].value == arrSelected[x]) {
document.choiceForm.choiceBox.options[i] = null;
   }
}
boxLength = document.choiceForm.choiceBox.length;
   }
}

//Calling Moverover from JSP

<select name="available" style="width:250;" size=10 onchange="moveOver();">
			<%
				if(arrResults!=null){
				for(int i= 0;i<arrResults.size(); i++){
			%>
					<option value=<%= i%>><%=arrResults.get(i)%>
										
			<%
				}
				}
			%>
			</select>

Could anyone please help on above.

Thanks in Advance.

[Zandis Murāns]

Create function that goes through all checkboxes and add values like:

textarea.value='';
if (checkbox1.checked) textarea.value+='checked #1\n';
if (checkbox2.checked) textarea.value+='checked #2\n';
if (checkbox3.checked) textarea.value+='checked #3\n';

execute this function on all checkboxes change event.