Menu
I am having a lot of trouble with getting this to work. basically i have a selectbox. if a user clicks on anything in that box it moves it from the left box to the right box. simple
now what i need to do is combine it with user input. basically if user inputs 1 then i need it to put the first option from the select box from left to right just as if it was clicked while leaving the ability to click the rest… in the long run it will be pulling from a variable and if that variable is blank then it will still have the functionality to choose it manually from the list.
[code]
<HEAD>
<SCRIPT LANGUAGE=”JavaScript”>
<!– Begin
function moveOver()
{
if (document.choiceForm.manual.value == “1”){
var boxlength = “1”;
var selectedItem = “1”;
var selectedText = document.choiceForm.available.options[selectedItem].text;
var selectedValue = document.choiceForm.manual.value;
}
else {
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++) {
if (document.choiceForm.manual.value == “1”){
thisitem = document.choiceForm.choiceBox.options[1].text;
}
else {
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;
}
}
function saveMe() {
var strValues = “”;
var boxLength = document.choiceForm.choiceBox.length;
var count = 0;
if (boxLength != 0) {
for (i = 0; i < boxLength; i++) {
if (count == 0) {
strValues = document.choiceForm.choiceBox.options[i].value;
}
else {
strValues = strValues + “,” + document.choiceForm.choiceBox.options[i].value;
}
count++;
}
}
if (strValues.length == 0) {
alert(“You have not made any selections”);
}
else {
alert(“Here are the values you’ve selected:rn” + strValues);
}
}
// End –>
</script>
</HEAD>
<!– STEP TWO: Copy this code into the BODY of your HTML document –>
<BODY>
<center>
<form name=”choiceForm”>
<input type=”text” name=”manual” value=”1″ id=”manual”>
<table border=0>
<tr>
<td valign=”top” width=175>
Available Content:
<br>
<select name=”available” size=10 onchange=”moveOver();”>
<option value=1>Company News
<option value=2>Industry News
<option value=3>Product Updates
</select>
</td>
<td valign=”top”>
Your Choices:
<br>
<select multiple name=”choiceBox” style=”width:150;” size=”10″>
</select>
</td>
</tr>
<tr>
<td colspan=2 height=10>
<input type=”button” value=”Remove” onclick=”removeMe();”>
<input type=”button” value=”move” onclick=”moveOver();”>
<input type=”button” value=”Get Selected Values” onclick=”saveMe();”>
</td>
</tr>
</table>
</form>
</center>