How can I get the value of all options in a select field?

Achilles97

Hello,
I use a javascript that allows me to move a selection up or down in a list of selections. My problem is that I do not know how to get that info when I want to submit it.

Is there a way to set the submit button to select all selections so that the values will be passed?

Thanks!

Here is the code:

function reorderList($module)
{
global $script;
?>
</style>
<script type="text/javascript" language="javascript">

//courtesy M. Honnen /////////////
//http://www.faqts.com ///////////

function moveSelected (select, down)
{
if (select.selectedIndex != -1)
{
if (down)
{
if (select.selectedIndex != select.options.length - 1)
var x = select.selectedIndex + 1;
else
return;
}
else
{
if (select.selectedIndex != 0)
var x = select.selectedIndex - 1;
else
return;
}

var swapOption = new Object();
swapOption.text = select.options[select.selectedIndex].text;
swapOption.value = select.options[select.selectedIndex].value;
swapOption.selected = select.options[select.selectedIndex].selected;
swapOption.defaultSelected = select.options[select.selectedIndex].defaultSelected;
for (var property in swapOption)
select.options[select.selectedIndex][property] = select.options[x][property];
for (var property in swapOption)
select.options[x][property] = swapOption[property];
}
}

</script>

<form ACTION="<?php echo $script;?>" METHOD=POST onsubmit="return false;">
<table cellspacing="0" cellpadding="3" border="3">

<tr><td><?php

$x = count($module[routines]);
if($x < 5)
$x = 5;
?>
<select name="routine" size="<?php echo "$x"; ?>" style="width:180px;"><?php

$x = 0;
while($module[routines][$x])
{
?><option value="<?php echo "$x";?>"><?php
echo $module[routines]["$x"][name];
?></option><?php
$x++;
}
?></select>
<td align="center">
<INPUT TYPE=BUTTON VALUE="move up" onclick="moveSelected(routine,false)" /><br /><br />
<INPUT TYPE=BUTTON VALUE="move dn" onclick="moveSelected(routine,true)" /><br /><br />
</td></table>
<INPUT TYPE=SUBMIT NAME="rearrange" VALUE="Rearrange">
</form>
<?php
}

LordShryku

Change the name from "routine" to "routine[]", and it will create an array of the selected items.

Achilles97

Thanks.

I still have a problem though. I do not want the user to have to select all the options, they rearrange the order of the selections and then I want to be able to read the new order of the list. To do that, I want the submit button to onclick selectall in the field, but I do not know how to do that.

Thanks!

LordShryku

Shouldn't be too hard. Something like this in your <head>

<script language="javascript">
function SelectAllList(CONTROL) {
   for(var i=0;i<CONTROL.length;i++) {
      CONTROL.options[i].selected = true;
   }
}
</script>

Then, on your button, put this

onClick="SelectAllList(document.theForm.theFormField);"

HTH

Achilles97

Thanks! I'll try that...

Achilles97

I'm doing something wrong (I do not know Javascript at all).

my form is named "order"
select field is named "routine"

my button says onClick="selectAllList(document.order.routine);">

When I click the button gives an Javascript error 'document.order.routine' is null or not an object'

I'm probably making a mistake with "document". Should it say that?

Thanks!

PS - is there a way with PHP to rearrange a text box with up/down buttons without submitting the page?

LordShryku

1) This code is untested, so you will have to play with it. It's just a function to do a basic loop through the box and set them to selected.

2)Didn't you change routine to routine[]? If not, you should.

3) PHP cannot do this without reloading the page.