data-calcvalue
I am trying to9 use a web site that includes the following code in the page source:
<select class="form-dropdown validate[required]" id="input_70" name="q70_ethnicity" style="width:150px" data-component="dropdown" required=""> <option data-calcvalue="0" value=""> </option> <option data-calcvalue="315236000" value="White British"> White British </option> <option data-calcvalue="315237009" value="White Irish"> White Irish </option> <option data-calcvalue="40124002" value="Other White Ethnicity"> Other White Ethnicity </option> <option data-calcvalue="185988007" value="Black Caribbean"> Black Caribbean </option> <option data-calcvalue="18167009" value="Black African"> Black African </option> <option data-calcvalue="315279003" value="Other Black Ethnicity"> Other Black Ethnicity </option> <option data-calcvalue="186003008" value="Bangladeshi"> Bangladeshi </option> <option data-calcvalue="414481008" value="Indian"> Indian </option> <option data-calcvalue="1860062003" value="Pakistani"> Pakistani </option> <option data-calcvalue="90087003" value="Arabic"> Arabic </option> <option data-calcvalue="33897005" value="Chinese"> Chinese </option> <option data-calcvalue="372148003" value="Other ethnic group"> Other ethnic group </option> <option data-calcvalue="1024701000000100" value="Prefer not to say"> Prefer not to say </option> </select>
In Firefox on my Macbook Pro and on y iPhone, his drop down is empty and the above code does not show in the source. If I use Safari, on my Mac, the code above is present and the drop down works as expected. Is this a construct not supported by Firefox?
All Replies (1)
Although data-calcvalue is not valid html <option> attribute, the whole code should display working drop down in Firefox.
Example: https://jsfiddle.net/km8o02gw/
Gewysig op