Question

I am having a simple HTML table with dynamic data generated from Server side. The table contains several rows with 2 columns and a check box .click the check box for each row and clicking “ADD” button the rows should get added to the select box in this format
“row1col1value:row1col2value:”. The select box should only contain the rows which are checked

sample code in this link

[http://jsfiddle.net/6nT2r/16/][2]

Answer 1

$('#button1').click(function(){
    $('#myselect').empty();
    $(':checkbox:checked').each(function(){
        var _row_data = $(this).parent().siblings().map(function(){
           return $(this).html();
        }).get().join('');
        $('#myselect').append('<option>' + _row_data + '</option>');
    });
});

Working example: http://jsfiddle.net/AlienWebguy/g3CZC/