onChange doesn't (always) work

[rienc]

this piece of code works, the function daysCheck() can be found in a seperate js file included in the head.

<select id="month" name="month" class="dateselect" onChange="daysCheck()">
	<option ...
	...</option>
</select>

<select id="year" name="year" class="dateselector" onChange="daysCheck()">
	<option ...
	...</option>
</select>

a bit further in the file this piece of code can be found.

<select id="soort" name="soort" onChange="soort()">
	<option disabled="disabled">...</option>
	<option ...
	...</option>
</select>

And this doesn't work, the function soort() can be found in the same file as daysCheck().
soort() looks like: (just for testing)

function soort()
{
	alert('hello');
}

on the other hand if I do this it does give the alert.

<select id="soort" name="soort" onChange="alert('hello')">
	<option disabled="disabled">...</option>
	<option ...
	 ...</option>
</select>

note that the select elements can be found in the same (and only) form on the page. And that the very first piece of code is generated with php. I tried different browsers (IE, FF, chrome, safari) and none of them works.

[Dormilich]

in the second <select>, are all <option>s disabled?

[rienc]

in the second <select>, are all <option>s disabled?

no, just the first one, there are 6 other <option>s.

[rienc]

ok, wierd...
I have been looking for the source of this problem for a day or so, if I change the name of the function soort() to soortCheck() there seems to be no problem. Does anyone know what may cause this?

[acoder]

Because you have an ID and name of the same name, so what you've posted is the solution to your problem.