jquery - 使用jquery更改html表中的列名

Question

我有一个html表格如下

 <table id="searchResults" class="compact-table" width="100%">
 <thead>
    <th><label id="Revenue"></label></th>
    <th></th>
 </thead>

我正在命名列标题，如代码所示，但我希望这些列名动态分配

我已经为该标签放置了一个名为“收入 ”的标签，我正在使用Jquery分配值，如下所示

var yearVal = $("#salesDashboardYearDropDown").val();
var monthVal = $('select#salesDashboardMonthDropDown :selected').text();
var revenueLastYear = (monthVal + ' ' + (yearVal - 1).toString()).toString();
$('#Revenue').html(revenueLastYear);

但它没有显示enter code here

Answer 1

检查您是否id在选择elements like的 salesDashboardMonthDropDown中使用了 andsalesDashboardMonthDropDown`没有空格

我已经尝试过了，它有效，

$(function(){
    $("#salesDashboardYearDropDown, #salesDashboardMonthDropDown").on('change',function(){
        var yearVal = $("#salesDashboardYearDropDown").val();
        var monthVal = $('#salesDashboardMonthDropDown  :selected').text();
        var revenueLastYear = (monthVal + ' ' + (yearVal - 1).toString()).toString();
        $('#Revenue').html(revenueLastYear);
    });
});

还要检查您是否添加了任何版本的jquery

小提琴http://jsfiddle.net/ZmuSL/