Question

I have a drop down list with decimal values. (formatted as string)

<select id="SizeBox">
   <option id="size_5" value="14.00">14</option>
   <option id="size_6" value="16.00">16</option>
   <option id="size_7" value="18.00">18</option>
   <option id="size_8" value="20.00">20</option>
   <option id="size_9" value="24.00">24</option>
   <option id="size_10" value="28.00">28</option>
   <option id="size_11" selected="selected" value="28.35">28,35</option>
   <option id="size_12" value="36.00">36</option>
</select>

I always take the selected value and save it in a variable:

var backupSize = "28.35";

When the user selected another size and wants to undo his changes, I provide a reset button that should select the backupSize value again.

SelectSize(parseFloat(backupSize).toFixed(2));

function SelectSize(size) {
   $('#SizeBox').val(size);
}

The problem is that using this toFixed method removes my decimal precision and pass the value 28.00 to the SelectSize function. Offcourse, there is no option in my list with this value so the reset function fails.

If i use the SelectSize function without the toFixed(2) part, then values like “20.00” will be passed as “20” and the SelectSize function will also fail to reset the size in the dropdown box.

I’ve searched for function that handle these decimal numbers just like strings but without success so far. How can i solve this?

Thanks for any help!

Answer 1

Here is something that will work with justabout any value:
working example: http://jsfiddle.net/4DSNS/2/

var backupSize = 20
var backupSize = 28.35
var backupSize = "28.35"
var backupSize = "20.00"
var backupSize = "20"
var backupSize = "28.35"
var backupSize = "28,35"
function SelectSize(size) {
   size = size.toString().replace(',','.');
   parseFloat(size).toFixed(2);
   $('#SizeBox').val(size);
}

SelectSize(backupSize);