添加一个值<select>选项

Question

我需要将变量的值添加到选项。 选项值通过 Google Docs 中的电子表格进行兑换。

项目在线

带有值的电子表格

我正在使用下面的代码来检索值：

 //Add value with fee
    $(document).ready(function() {

   var sheetURL ="https://spreadsheets.google.com/feeds/list/1J0qyxUCCkvcFGZ6EIy9nDOgEuTlpI5ICVG3ZsBd_H-I/1/public/values?alt=json";

   $.getJSON(sheetURL, function(data) {
     var entryData = data.feed.entry;
     console.log(data);
     jQuery.each(entryData, function() {
       $("#totalSumWithFee").append(

         '<option hidden="hidden" selected="selected"  value="default">Choice</option><option value="' + this.gsx$values.$t +  '">' + this.gsx$names.$t + '</option>'
  
       );
     });
   });
  });

这部分正在工作。 所以，我尝试添加以下代码：

   //new code
var valueSelectedFee = $('#totalSumWithFee :selected').val();
var cart = 10;

var cartWithFee = cart + valueSelectedFee;

$('.total-sum').html(cartWithFee.toFixed(2));

但是 NaN 值正在返回。 下面是 HTML：

  <strong>Total: &nbsp;$ <span class="total-sum"></span></strong>
<br><br>
  <select style="width: 200px;" id="totalSumWithFee"></select>

如何在不返回 NaN 值的情况下使用选项值？

Answer 1

由于您的初始代码将第一个“选择”选项设置为“选定”选项，其值为“默认”（不是数字），因此第二部分代码中的行：

var cartWithFee = cart + valueSelectedFee;

正在尝试将“cartWithFee”设置为 10 +“default”，将字符串添加到数字中，这不起作用。 如果您将该行更改为：

var cartWithFee = cart + (isNaN(valueSelectedFee) ? 0 : valueSelectedFee);

然后它将任何 NaN 值（如“默认”）替换为 0，并且应该可以正常工作。