Javascript arrays for HTML and PHP

[rumpole6]

Hi all,

I have some code that used to work perfectly as a scalar value. When the name in the "[FONT=Courier New]name=scalar[/FONT]" is scalar, I can treat it as a scalar in my PHP when the info is posted. Also, the javascript is able to deal with it as a scalar of the same name in a function: ie[FONT=Courier New] f.scalar.selectedIndex=0[/FONT]. However, what I need to do now is return multiple selections from this pick lists and have them be treated as an array by my PHP running at the server. so I modified the [FONT=Courier New]name=scalar [/FONT] to [FONT=Courier New]name=scalar[] [/FONT] in the HTML and viola, i get an array in the post information. The problem is in the javascript. When I try to do the analog ( Ie delesect the selections) of the array, it gives me errors, mostly that scalar[] has no properties. Is this clear?

How can a operate on this html array from my javascript so that I may deselect what the user has selected from the drop-down, given that I am allowing multiple selections an need to return an array to the PHP.

Thanks in advance,

rumpole6

[devinemke]

<form action="" method="POST">
select multiple:<br>
<select name="num[]" size="5" multiple>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
</select>
<br>
<input type="submit" name="submit" value="submit">
</form>

<?php
if (isset($_POST['num']))
{
	echo 'you selected: ' . implode(',', $_POST['num']);
	foreach ($_POST['num'] as $value) {$js_array[] = '"' . $value . '"';}

echo '
<script type="text/javascript" language="javascript">
var nums = new Array(' . implode(',', $js_array) . ');
var string = nums.join();
alert("you selected: " + string);
</script>
';
}
?>

[rumpole6]

This is close. but what I need to do is to be able to clear the selections, in the case where [FONT=Courier New] <select name="num[]" size="5" multiple> [/FONT]

if num was scalar, you would say [FONT=Courier New]f.num.selectedIndex=0[/FONT]

I guess I need some sort of clear form function.

[devinemke]

if all you wish to do is clear the form then you do not need any server side code, just use the javascript form.reset() method.

[rumpole6]

I tried that, but a subsequent submit sent the selected data to the server. Here is the code:
[FONT=Courier New]{literal}
<script language="JavaScript">
<!--
function clearFilters(f)
{
f.keywords.value = '';
f.users[].selectedIndex=0;
//
// for(var i=0; i<f.users.options.length; i++)
// {
// if(f.users.options.selected){
// f.users.options.value=0
// }
// }
// for(i=0; i<f.category.length; i++)
// {
// f.category= 0;
// }
// for(i=0; i<f.status.length; i++)
// {
// f.status[]= 0;
// }
// for(i=0; i<f.priority.length; i++)
// {
// f.priority= 0;
// }
{/literal}
{if $has_customer_integration}
document.getElementById('search_type_customer').checked = true;
{else}
document.getElementById('search_type').value = 'all_text';
{/if}
{literal}
// now for the fields that are only available through the advanced search page
setHiddenFieldValue(f, 'created_date[Year]', '');
setHiddenFieldValue(f, 'created_date[Month]', '');
setHiddenFieldValue(f, 'created_date[Day]', '');
setHiddenFieldValue(f, 'created_date[filter_type]', '');
setHiddenFieldValue(f, 'updated_date[Year]', '');
setHiddenFieldValue(f, 'updated_date[Month]', '');
setHiddenFieldValue(f, 'updated_date[Day]', '');
setHiddenFieldValue(f, 'updated_date[filter_type]', '');
setHiddenFieldValue(f, 'last_response_date[Year]', '');
setHiddenFieldValue(f, 'last_response_date[Month]', '');
setHiddenFieldValue(f, 'last_response_date[Day]', '');
setHiddenFieldValue(f, 'last_response_date[filter_type]', '');
setHiddenFieldValue(f, 'first_response_date[Year]', '');
setHiddenFieldValue(f, 'first_response_date[Month]', '');
setHiddenFieldValue(f, 'first_response_date[Day]', '');
setHiddenFieldValue(f, 'first_response_date[filter_type]', '');
setHiddenFieldValue(f, 'closed_date[Year]', '');
setHiddenFieldValue(f, 'closed_date[Month]', '');
setHiddenFieldValue(f, 'closed_date[Day]', '');
setHiddenFieldValue(f, 'closed_date[filter_type]', '');
setHiddenFieldValue(f, 'show_authorized_issues', '');
setHiddenFieldValue(f, 'show_notification_list_issues', '');
setHiddenFieldValue(f, 'reporter', '');
//other fields
setHiddenFieldValue(f, 'release[]', '');
setHiddenFieldValue(f, 'custom_field', '');

f.submit();

}
{/literal}[/FONT]

Here is the select:

[FONT=Courier New]<select name="users[]" class="default" multiple>
{html_options options=$assign_options selected=$options.users}
</select>[/FONT]

Here is the button:

[FONT=Courier New]<input class="button" type="button" value="Clear Filters" style="width: 100%" onClick="javascript:clearFilters(this.form);">[/FONT]

If I run the javascript debugger console, I get a syntax error on the line that reads: [FONT=Courier New]f.users[].selectedIndex=0;[/FONT]