1. We are using JQuery selectMenu as drop down boxes, to be able to select using Watir.
HTML Code for selectMenu
****************
<div class="standardSelects">
<div id="genderSelect" class="selectMenu">
<span class="title">
<a onclick="return false;" href="#">Select one</a>
</span>
<ul class="optionList" style="display: none;">
<li id="NotSet" class="selected">Select one</li>
<li id="M">Male</li>
<li id="F">Female</li>
</ul>
<input id="Gender" class="dropDownHiddenValue" type="hidden" value="NotSet" name="Gender"/>
<input id="GenderName" class="dropDownHiddenName" type="hidden" value="Select one" name="GenderName"/>
<span class="currentSelectionNumber hide">0</span>
</div>
</div>
********************
2. I have code like this to handle it and it works fine for IE, but does not do any thing for Firefox.
browser.div(:id,"selectMenu").click #To open the control
browser.div(:id,"selectMenu").ul(:class,"optionList").li(:id,'F').fire_event("onClick")
I tried li(:id,'f').click then firing the event on select menu and different things, nothing worked, I can see that watir is seeing the object alright, but some how the event is not triggered for firefox.
**I have simplified the code so that I can explain what I am doing