Question

我有一个带有标签的列表，项目值是通过在线电子表格获得的。选择选项时，该值不会实时出现在 html 中。有谁能够帮我？我正在尝试解决它，但我找不到错误。

PS> Write-Output (" a " + ' b ' + " c ")
 a  b  c

.exampleClassOne{
    width: 100px;
}
.exampleClassTwo{
    width: fit-content;
}

Answer 1

您将显示选择的代码放在事件侦听器中。

$(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;
    jQuery.each(entryData, function() {
      $("#divTax").append(

        '<option  hidden="hidden" selected="selected"  value="0">CHOISE</option><option value="' + this.gsx$values.$t + '">' + this.gsx$names.$t + '&nbsp;&nbsp;&nbsp;$' + this.gsx$values.$t + '</option>'

      );
    });
  });
  
  $("#divTax").change(function() {
    var totalWithTax = $(this).val();
    $('.total').text(totalWithTax);
  });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>

<select style="width: 80%;" id="divTax"></select>
<br> Total:
<div class="total"></div>

在 html 中显示选择选项的值

1 个答案: