«

I have a simple function that does submit for me:

<script language="javascript" type="text/javascript">
function sort()
{
//selected item value from the drop down list

var dud=window.document.statusForm.sortByStaff.value;
window.document.statusForm.action="status.cfm?sort By="+dud;
window.document.statusForm.method="post";
window.document.statusForm.submit();
}
</script>

I have several drop down boxes (<select> element) in which i set
onclick="sort()". Works perfectly in Firefox, and doesn't work in IE
and Safari. Also this same function works fine in all 3 if appended to
a button instead of select element. What am I doing wrong?

I have simplified the function based on your advice, but still was only
able to obtain result in Firefox with onclick set instead of onchange.
When I use onchage nothing works anywhere.

function sortStaff(action)
{
window.document.statusForm.action="status.cfm?sort By="+action;
window.document.statusForm.submit();

}

<select name="staff"
onchange="sortStaff(this.options[this.selectedIndex].value)">

I am not switching from POST to GET so I just moved method into form
declaration from javascript.

He he

Ok, i found all the dumb things I did. onchange doesn't work when
attached to options . Moved to element declaration and everything
works fine.
IE doesn't support onclick and i guess safari doesn't either.

wrote:

> Ok, i found all the dumb things I did. onchange doesn't work when
> attached to options . Moved to element declaration and everything
> works fine.

JFYI: /That/ is _not_ called an (element) declaration:

<select name="staff" onchange="...">

It is called the start tag of the `select' element.

This is called an element declaration:

<!ELEMENT SELECT - - (OPTGROUP|OPTION)+ -- option selector -->

It declares the `select' element (in the Document Type Definition)
so that you can use it in your markup later.


PointedEars

Thomas 'PointedEars' Lahn said the following on 2/17/2006 3:56 PM:
> wrote:
>
>> Ok, i found all the dumb things I did. onchange doesn't work when
>> attached to options . Moved to element declaration and everything
>> works fine.
>
> JFYI: /That/ is _not_ called an (element) declaration:
>
> <select name="staff" onchange="...">
>
> It is called the start tag of the `select' element.
>
> This is called an element declaration:
>
> <!ELEMENT SELECT - - (OPTGROUP|OPTION)+ -- option selector -->
>
> It declares the `select' element (in the Document Type Definition)
> so that you can use it in your markup later.

To the OP: Ignore Thomas. He thinks he knows more than anybody else but
he seldom does.

--
Randy
comp.lang.javascript FAQ - http://jibbering.com/faq & newsgroup weekly
Javascript Best Practices - http://www.JavascriptToolbox.com/bestpractices/