javascript - Get and loop through all Select Boxes in a Table with Jquery - Stack Overflow

admin管理员组

文章数量:1290995

i am new with jQuery.. i have a table with a number of boxes in it. I want to grab all the select boxes in the table and loop through them..

I am trying to create a function that does this and it looks like this:

function calculatePercentageTotal(tableName) {
    var total = 0;
    for (i = 0; i <= $("#" + tableName + ' select').length; i++) {
        total += parseInt($("#" + tableName + ' select')[i].val());
    }
    return total;
}

It's not working though.. any ideas? thanks!

i am new with jQuery.. i have a table with a number of boxes in it. I want to grab all the select boxes in the table and loop through them..

I am trying to create a function that does this and it looks like this:

function calculatePercentageTotal(tableName) {
    var total = 0;
    for (i = 0; i <= $("#" + tableName + ' select').length; i++) {
        total += parseInt($("#" + tableName + ' select')[i].val());
    }
    return total;
}

It's not working though.. any ideas? thanks!

• javascript
• jquery

Share Improve this question Follow edited Feb 24, 2011 at 20:46 Sarfraz 383k8282 gold badges559559 silver badges612612 bronze badges asked Feb 24, 2011 at 20:45 toddmtoddm 5511 gold badge33 silver badges66 bronze badges

Add a ment  | 

3 Answers 3

Sorted by: Reset to default 8

this should do it:

function calculatePercentageTotal(tableName) {
  var total=0;
  $('#'+tableName+' select').each(function(){
    total+= +($(this).val());
  });
  return total;
}

$(document).ready(function(){
var total =0;

    $("#calculatebtn").click( function(e){
         $("select").each(function(){
             total += parseInt($(this).val());
          });
          alert("total=" + total); 
    });

});

You need a button with id='calculatebtn'

Just use a selector to get the elements. I'm not sure which elements you are looking for. If what you are trying to do is to sum the values of the selected items in all the selects(dropdowns) then you can use this:

var mysum = 0;

$("#" + tableName.id + ' select').each(function(){
        mysum += $(this).val() * 1;
});

alert("mysum = " + mysum.toString);

// Why **"$(this).val() * 1"** - .val() will return a string with the value selected
// * 1 will make it numeric.

本文标签： javascriptGet and loop through all Select Boxes in a Table with JqueryStack Overflow