<Select> Not working in FireFox.

[kendevorak]

Below is my code that works perfect for IE, but does not allow me to actually select anything with the mouse in Mozilla Firefox.

<select name="lcatagory" id="lcatagory">
<cfoutput query="cata">
<option value="#id#|#catagory#" tabindex="2">#catagory#</option>
</cfoutput>
</select>

[Newsgroup_User]

What does the actual HTML built by this CFML look like. That is what
Firefox is seeing.

[kendevorak]

Here is the code that Mozilla sees:

<select name="lcatagory">

<option value="1|restaurants" tabindex="2">restaurants</option>

<option value="2|entertainment" tabindex="2">entertainment</option>

<option value="3|spa/beauty" tabindex="2">spa/beauty</option>

<option value="5|shopping" tabindex="2">shopping</option>

<option value="6|services" tabindex="2">services</option>


</select>

[Newsgroup_User]

That code worked just fine in my Firefox.

[Newsgroup_User]

Let me retract that. After playing a bit more, I noticed that it was
not correctly changing the option after I selected something.

That problem seems to be with the tabindex="2" which I suspected was
improper. The tabindex property should be on the control, i.e. the
<select...> tag. You don't tab to the options, you tab to the control.

Anyway, when I removed the tabindex="2" from all the options, the
control worked correctly in Firefox.