get table row data td and select

Question

Here is what I want to do.

In the first row that has tds then a = the text in the first cell and b = the selected value of the drop down that the user selected

How do I do this as my code is not working?

$(document).ready(function () {
   var s = $('table td:first').parents('tr');

   var a = s.eq(0).text();
   var b = s.eq(1).find('option:selected').val();

   alert(a + "   " + b);
});

<table>
   <tbody>
      <tr>
         <th>ID</th>
       </tr>
       <tr>
          <td>
            test
           </td>
           <td>
             <select>
               <option value="yes">yes</option>
               <option selected="selected" value="no">no</option>
             </select>
           </td>
        </tr>
    </tbody>
</table>

Check out these links hope it helps you...http://stackoverflow.com/questions/5866862/how-to-get-the-data-from-a-row-jquery http://stackoverflow.com/questions/10147971/jquery-getting-values-from-selected-table-row http://forums.asp.net/t/1652535.aspx — Mayank Pathak, Jul 31 '12 at 09:37

score 2 · Accepted Answer · answered Jul 31 '12 at 09:38

Working demo http://jsfiddle.net/snU97/

Rest feel free to play around, & hope it helps your needs :)

code

$(document).ready(function () {

    var s = $('table td:first').parents('tr');

    var a = s.find('td').eq(0).text();//s.eq(0).text();
    var b = s.find('td').eq(1).find('option:selected').val();

    alert(a + "   " + b);

});

score 1 · Answer 2 · answered Jul 31 '12 at 09:42

1

You can Also Use the Following Code

$(document).ready(function () {

var s = $('table td:first');

var a = s.html();
var b = s.parents('tr').children().find('option:selected').val();

alert(a + "   " + b);

});

answered Jul 31 '12 at 09:42

Sumit Neema

462
3
18

cedric · Answer 3 · 2012-07-31T10:13:05.727

there is an option :

    <table>
        <tbody>
            <tr>
                <th>ID</th>
            </tr>
            <tr>
                <td>
                    test
                </td>
                <td>
                    <select id="mydropdown">
                        <option value="yes">yes</option>
                        <option selected="selected" value="no">no</option>
                    </select>
                </td>
            </tr>
        </tbody>
    </table>



$(document).ready(function () {

    var s = $('table td:first');

    var a = s.text();
    var b = $("#mydropdown option:selected").text();

    alert(a + "   " + b);

});

get table row data td and select

3 Answers3