Avatar for Username

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

This thread was archived. Please ask a new question if you need help.

data-calcvalue

  • 1 reply
  • 1 has this problem
  • 7 views
  • Last reply by TyDraniu

psmith95
psmith95
more options

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?

I am trying to9 use a web site that includes the following code in the page source: <div id="cid_70" class="form-input jf-required"> <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> </div> 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)

TyDraniu
TyDraniu
  • Top 25 Contributor
more options

Although data-calcvalue is not valid html <option> attribute, the whole code should display working drop down in Firefox.

Example: https://jsfiddle.net/km8o02gw/

Modified by TyDraniu