changing column name in html table using jquery

Question

I have a html table as below

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

I am naming the column headers as shown in the code but I want those column names to assign dynamically

I have placed a label named Revenue for that label I am assigning value using Jquery as below

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

but it is not getting displayedenter code here

it is a drop down there is no problem withj that I am getting the required value into revenue last year variable but i am unable to assign it to label — veena
– veena, Commented Jun 4, 2013 at 8:17
Can you just provide it anyway or give us a jsFiddle showing the problem. — dsgriffin
– dsgriffin, Commented Jun 4, 2013 at 8:18

Lightness Races in Orbit · Accepted Answer · 2013-06-04 09:25:59Z

1

Check that you have used id in your selectelements likesalesDashboardMonthDropDownandsalesDashboardMonthDropDown` with no spacces

I have tried this and it works,

$(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);
    });
});

Also check you have added any version of jquery

Fiddle http://jsfiddle.net/ZmuSL/

edited Jun 4, 2013 at 9:25

Lightness Races in Orbit

387k77 gold badges670 silver badges1.1k bronze badges

answered Jun 4, 2013 at 8:31

Rohan Kumar

40.7k11 gold badges81 silver badges111 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

changing column name in html table using jquery

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related