this is a script i did using php,html and js. the php works to select the data into the 1st column and theres a button to move selected data from col1 to col 2 where i want to submit it to a database.
the problem im having (as far as im aware anyway) is this line.
Code:
<option selected="selected"></option>
the data that is moved from col1 to col2 will not pass to the insert page (tested using get).
but if i use
Code:
<option selected="selected"></option>
<option>test data</option>
the "test data" is passed to the next page.
the question is how do i get the data that is passed to col2 using JS to be passed to the insert script ??
full relevent code.
Code:
<div align="center">
<form id="form2" name="form2" method="get" action="new.php">
<TABLE align="center">
<tr>
<td>col 1</td>
<td></td>
<td>col 2</td></tr>
<TR>
<TD> <select size="5" name="lstBox" id="lstBox">
<option value="II - ICruiser Mk. I">ICruiser Mk. I</option>
<option value="II - ICruiser Mk. ">ICruiser Mk. </option>
<option value="II - ICruiser Mk. ">ICruiser Mk. </option>
<option value="II - Cruiser Mk. I "> Cruiser Mk. I </option>
<option value="IV - IV- Covenanter ">IV- Covenanter </option>
<option value="IV - IV- Valentine ">IV- Valentine </option>
<option value="V - Crusader ">Crusader </option>
</select>
</TD>
<TD>
<input name="add" type="button" value="Add" onclick="FirstListBox();" />
<input name="remove" type="button" value="Remove" onclick="SecondListBox();"/>
</TD>
<TD>
<select name="ListBox1" size="5" multiple="multiple" id="ListBox1">
<option selected="selected"></option>
</select>
</TD>
<TR>
<TD> </TD>
<TD><input type="submit" id="submit2" value="Update" /></TD>
<TD> </TD></tr>
</TABLE>
</form>
<SCRIPT type="text/javascript">
<!--
function SecListBox(ListBox,text,value)
{
try
{
var option=document.createElement("OPTION");
option.value=value;
option.text=text;
ListBox.options.add(option)
}
catch(er)
{
alert(er)
}
}
function OutPut(){
for (var s=document.getElementById("ListBox1"),txt='',z0=0;z0<s.length;z0++){
txt+=s.options[z0].value+':';
}
document.getElementById('ip').value=txt;
}
function FirstListBox(){
var count=document.getElementById("lstBox").options.length;
for(var i=0;i<count;i++){
if(document.getElementById("lstBox").options[i].selected){
SecListBox(document.getElementById("ListBox1"),document.getElementById("lstBox").options[i].value,document.getElementById("lstBox").options[i].value);document.getElementById("lstBox").remove(i);
break
}
}
OutPut();
}
function SortAllItems(){
var arr=new Array();
for(i=0;i<document.getElementById("lstBox").options.length;i++) {
arr[i]=document.getElementById("lstBox").options[i].value}arr.sort();
RemoveAll();
for(var i=0;i<arr.length;i++){
SecListBox(document.getElementById("lstBox"),arr[i],arr[i])}}function RemoveAll(){try{document.getElementById("lstBox").options.length=0
}
catch(er){
alert(er)
}
}
function SecondListBox(){
var count=document.getElementById("ListBox1").options.length;
for(var i=0;i<count;i++){
if(document.getElementById("ListBox1").options[i].selected){SecListBox(document.getElementById("lstBox"),document.getElementById("ListBox1").options[i].value,document.getElementById("ListBox1").options[i].value);document.getElementById("ListBox1").remove(i);
break
}
}
SortAllItems()
OutPut();
}
//-->
</SCRIPT>
</body>
</html>
Before you post, read our: 
