Skip to main content
Participant
February 24, 2009
Question

<Select> Not working in FireFox.

  • February 24, 2009
  • 4 replies
  • 1054 views
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>
    This topic has been closed for replies.

    4 replies

    Inspiring
    February 24, 2009
    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.

    Inspiring
    February 24, 2009
    That code worked just fine in my Firefox.

    Participant
    February 24, 2009
    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>
    Inspiring
    February 24, 2009
    What does the actual HTML built by this CFML look like. That is what
    Firefox is seeing.