jQuery find whole number and append decimal

Question

Need to take a SELECT drop down list options and find if any of the values are whole numbers, then append a .00 to the list value option. need to change the value as well.

<select>
  <option value="1">1</option>
  <option value="1.99">1.99</option>
  <option value="2.99">2.99</option>
  <option value="4">4</option>
</select>

Thanks in advance for any help on this

Answer 1

Not quite sure if this is the best way, but it works:

$('option', '#myselect').each(function() {
    if($(this).val() == parseInt($(this).val(), 10)) {
         var x = $(this).val() + '.00';
         $(this).val(x).text(x);
    }
});

Demo.

On second thought, you could also do this using toFixed, which is cleaner:

$('option', '#myselect').each(function() {
    var x = Number($(this).val()).toFixed(2);
    $(this).val(x).text(x);
});

Demo.

Answer 2

If you plan on using string formatting a lot, i recommend getting the plugin:

http://code.google.com/p/jquery-utils/wiki/StringFormat

It would then be as easy as: $.format('{a:.2f}', {a:'1'})