Question

I am try to get the values from the selected row and pass them through $.getJSON as parameters. I can get the value, however, when I click on the link strange characters appear before and after the value. The character in the link appears as %OA++++++++++value+++++++%0A.

Here is my code

var className='';
var Section='';
$('#listsubject tr').click(function () {
            var th = $(this);
            var td = $(this).find('td');

            $.each(td, function (index, item) {
                if (index == 2) className = item.innerHTML;

            });


 $.getJSON('@Url.Action("getStudentList/","Student")',
                { classname: className
                }, function (data) {
   alert('test');
});

Kindly help me. Am stuck here

Thanks in advance

EDIT

when i try the code

$.getJSON('@Url.Action("getStudentList/","Student")',
                    { classname: className,
                      section:'A'
                    }, function (data) {
       alert('test');
    });

in the link the section part shows fine, only problem is with the classname

UPDATE

fiddle link
http://jsfiddle.net/gordon/vzTDc/2/

Answer 1

Try this. I think its OK now.

var className = '',
    Section = '';

// you were trying with $('#listsubject tr'), but first tr has no td
// so click should bind with tr from 2nd
// so correct selector will be $('#listsubject tr:gt(0)')

$('#listsubject tr:gt(0)').click(function() {
    var th = $(this);
    var td = $(this).find('td');
    $.each(td, function(index, item) {

        // As you have 2 td with in each row, so the index will be 0 and 1
        // not 2 and 3

        if (index == 0) {
            className = $.trim($(item).text()); // $.trim() will remove spaces
        }
        if (index == 1) {
            Section = $.trim($(item).text());
        }
    });
    console.log('ClassName: ' + className + ', Section: ' + Section);
    $.getJSON('StudentMarks/getSubjectGrading', {
        classname: className,
        section: Section
    }, function(data) {
        alert(data);
    });
});

DEMO