Help needed on select option (multible) [list box]

•

What is DaniWeb IT Discussion Community?

You're currently browsing the JavaScript / DHTML / AJAX section within the Web Development category of DaniWeb, a massive community of 402,472 software developers, web developers, Internet marketers, and tech gurus who are all enthusiastic about making contacts, networking, and learning from each other. In fact, there are 2,967 IT professionals currently interacting right now! Registration is free, only takes a minute and lets you enjoy all of the interactive features of the site.

Join our community!

Please support our JavaScript / DHTML / AJAX advertiser: Lunarpages Web Hosting

Thread Tools Display Modes

Views: 8774 | Replies: 1

Previous Post in Thread

Next Post in Thread

•

Join Date: Feb 2006

Posts: 1

Reputation: sabyasachib is an unknown quantity at this point

Rep Power: 0

Solved Threads: 0

sabyasachib sabyasachib is offline

Offline

Newbie Poster

Help needed on select option (multible) [list box]

Feb 25th, 2006

<html>
<head>
<title>Registration Page</title>
<script language="JavaScript">

function a()
{
document.f1.s2.remove(0);
}

function add(x)
{
var boxLength;
var selectedItem;
var selectedText;
var selectedValue;
var i;
var thisitem;
var isNew = true;

if ( x == 0)
{
boxLength = document.f1.s2.length;
selectedItem = document.f1.s1.selectedIndex;
selectedText = document.f1.s1.options[selectedItem].text;
selectedValue = document.f1.s1.options[selectedItem].value;
}

if ( x == 1)
{
boxLength = document.f1.s2.length;
selectedText = document.f1.t1.value;
}
//var newoption;
//document.f1.t1.value = x;//boxLength;

if (boxLength != 0)
{
for (i = 0; i < boxLength; i++)
{
if ( selectedText == document.f1.s2.options[i].text)
{
isNew = false;
break;
}
}
}

if (isNew == true)
{
document.f1.s2.options[boxLength] = new Option(selectedText,boxLength);
}
}

function rmv()
{
var selectedItem;
selectedItem = document.f1.s2.selectedIndex;
document.f1.s2.remove(selectedItem);
}

</script>

</head>
<body onLoad="a();">
<form name="f1">
Project : <br>
<select name="s1" size="5" multiple>
<option value="Project1">Project 1</option>
<option value="Project2">Project 2</option>
<option value="Project3">Project 3</option>
<option value="Project4">Project 4</option>
<option value="Project5">Project 5</option>
<option value="Project6">Project 6</option>
<option value="Project7">Project 7</option>
</select>

             
<input type="button" value="ADD" name="b1" onClick="add(0);">
             
             
             
             
<select name="s2" size="5" multiple>
<option value="P1">Project 1</option>
</select>
             
<input type="button" value="Remove" name="b3" onClick="rmv();">
<p>

New Project :
<input type="text" name="t1">
             
<input type="button" value="ADD" name="b2" onClick="add(1);">

</form>
<body>
</html>

The above work properly. But I have a problem with this code, that is -

When I select more than one Project at a time from the Project list and click on the add button at that time only one project selected and added into another list. I want to know how I able to add more than one project at a time from the Project list to another list. Please help me as quickly as possible.

Thanks & Regards,
Sabyasachi Banerjee.