添加一個值<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，並且應該可以正常工作。