peculiar behavior of safari onchange event

[samatair]

This only happens with Safari but works fine in IE and FireFox.

I call a function in on change event of select element in a form. the function is not only called when a change is made to the select element but also when the focus is out of the select element. can anyone tell me a work around to this problem? thanks..

[gits]

hi ...

welcome to TSDN ...

please post the code you are using and thet makes the problem ...

kind regards

[Logician]

This only happens with Safari but works fine in IE and FireFox.

I call a function in on change event of select element in a form. the function is not only called when a change is made to the select element but also when the focus is out of the select element. can anyone tell me a work around to this problem? thanks..

I reported this bug (in Safari Win) a few weeks ago. The only workaround I can think of now is to record the initial value of the select, then code the onchange handler to ensure that the value has actually changed before taking any action.

[samatair]

hi ...

welcome to TSDN ...

please post the code you are using and thet makes the problem ...

kind regards

Thanks a lot for responding immediately. Your help is greatly appreciated.
I just try to reproduce the code. I am not giving you the exact code since it seems too long and would be out of the scope of this problem. so i give you just a simple snippet that would make you understand my problem. thanks

Description of the code:
when i select an item from the select(combo) box the alert hi appears and when i click the button or press the button the alert hi appears again. but i need the alert hi to appear only once.

[HTML]<script type="text/javascript">
function myFunction() {
alert("hi");
}
</script>
<form>
<select name="state" onChange="myFunction()">
<option value="">select state</option>
<option value="state1">state1</option>
<option value="state2">state2</option>
</select>
<input type="button" name="myButton" value="Click Here">
</form>[/HTML]

[samatair]

I reported this bug (in Safari Win) a few weeks ago. The only workaround I can think of now is to record the initial value of the select, then code the onchange handler to ensure that the value has actually changed before taking any action.

Thank you very much for the workaround. For now I have used this and it seems to work fine except the focus goes to the another select. exactly i use a state select and city select. after the users selects a state the city is loaded using ajax and when i click the city select element the drop down shows the cities listed and immeditely disappears because the call to the function of the state is triggered(since the focus left the state select). so the user has to select the city twice. the first time the user is not able to select the city because of the function call and second time after the function call is finished the user is able to select a city.

[samatair]

I reported this bug (in Safari Win) a few weeks ago. The only workaround I can think of now is to record the initial value of the select, then code the onchange handler to ensure that the value has actually changed before taking any action.

Thank you for your help. Your suggestion greatly helped. I too found some workaround for my specific problems. Thankss a lot.

[acoder]

Glad you got it working.

I am surprised that this was not picked up. It's such a basic bug which even IE does not have.