jQuery to get the values of td inside a table

Question

<table id="GridView1">
 <tr>
    <th>KeyWord</th>
    <th>Identifiers</th>
    <th>Values</th>
 </tr>
 <tr>
    <td>
        <select >
           <option selected="selected" value="Action A">Action A</option>
           <option  value="Action b">Action b</option>
           <option value="Action C">Action C</option>
        </select>
    </td>
    <td>
        <textarea >adsasd</textarea>
    </td>
        <td>
        <textarea >dsad</textarea>
    </td>
 </tr>
  <tr>
    <td>
        <select >
           <option value="Action A">Action A</option>
           <option selected="selected" value="Action b">Action b</option>
           <option value="Action C">Action C</option>
        </select>
    </td>
    <td>
        <textarea >asdasd</textarea>
    </td>
        <td>
        <textarea >sdsad</textarea>
    </td>
 </tr>
 </table>

This is the js.

var xml = '<?xml version="1.0" encoding="utf-8"?>';
xml = xml + '<Root>';
i=0;
$("#GridView1 tr").each(function () {

 $(this).find('td').each (function() {
    alert($(this).find('select').val())

  alert($(this).find('textarea').val())


});

});

xml = xml + '</Root>'
alert(xml)

I am getting all the values inside the td but also getting undefined. Any idea why ?

why you want dropdown and texarea values like this ? cant you use id or by name ? — Niklesh Raut
– Niklesh Raut, Commented Feb 4, 2016 at 13:19

Wa Kai · Accepted Answer · 2016-02-04 13:19:27Z

2

You get undefined because it tries to display the select value AND the textarea value for EACH td.

To show only the existing values, just check if the element exists within the td:

if($(this).find('textarea').length > 0) {
  alert($(this).find('textarea').val());
}

edited Feb 4, 2016 at 13:19

answered Feb 4, 2016 at 13:17

Wa Kai

4665 silver badges12 bronze badges

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

1 Comment

Shamik Over a year ago

how to make it show the value only if there is a select or textarea and not otherwise

Amar Singh · Accepted Answer · 2016-02-04 13:21:20Z

1

Demo

$("table").find("td").each(function(){
alert($(this).html());


})

answered Feb 4, 2016 at 13:21

Amar Singh

5,6223 gold badges30 silver badges56 bronze badges

1 Comment

Amar Singh Over a year ago

wow I answered your question and you changed the whole question . why did you put a wrong jsfiddle demo than ???

Ibrahim Khan · Accepted Answer · 2016-02-04 13:26:48Z

0

Find all select and textarea in tr instead of td like following.

$("#GridView1 tr").find('select, textarea').each(function () {
    alert(this.value);
});

edited Feb 4, 2016 at 13:26

answered Feb 4, 2016 at 13:21

Ibrahim Khan

20.8k7 gold badges46 silver badges57 bronze badges

Collectives™ on Stack Overflow

jQuery to get the values of td inside a table

3 Answers 3

1 Comment

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related