•
•
•
•
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 361,909 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,512 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.
Please support our JavaScript / DHTML / AJAX advertiser: Lunarpages Web Hosting
Views: 7858 | Replies: 1
 |
•
•
Join Date: Feb 2006
Posts: 1
Reputation: 
Rep Power: 0
Solved Threads: 0
Newbie Poster
<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.
<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.
•
•
Join Date: Jun 2005
Location: Kansas City, Missouri, USA
Posts: 344
Reputation:
Rep Power: 4
Solved Threads: 4
Posting Whiz
I consider myself an expert javascript coder, but when I need help, I turn to Matt Kruse. Matt offers many excellent javascript libraries. He has an excellent select box library to do exactly what you want. I use it all the time.
http://www.javascripttoolbox.com/lib...x/examples.php
http://www.javascripttoolbox.com/lib...x/examples.php
|
•
•
•
•
Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
•
•
•
•
•
•
•
•
DaniWeb JavaScript / DHTML / AJAX Marketplace
Linear Mode
- problem in listing directories in list box (Java)
- How to search from a database, selecting from a combo or list box in vb? (Visual Basic 4 / 5 / 6)
- Drive List Box Help Please for Error 68 (Visual Basic 4 / 5 / 6)
- list box --php issue (PHP)
- "Error in linking List box with the VB6.0 database" (Visual Basic 4 / 5 / 6)
- HTML Form not working with IE when lots of select/option boxes included. (HTML and CSS)
- HTML Form not working with IE when lots of select/option boxes included. (Web Browsers)
Other Threads in the JavaScript / DHTML / AJAX Forum
- Previous Thread: Firefox vs. IE-menu not working please help
- Next Thread: Form Fields
