Question

I have a pretty easy question, how can i select a value individual values with Jquery if I have sets(rows) of the same drop-down boxes?

http://jsfiddle.net/Bw4cr/2/

As in I want to return(kite) or (22) depending on which dropdown I clicked on.

> Jquery

$(document).on('change', 'select[name=options]', function() {
   var selectVal= $(this).siblings('select').val();
    alert(selectVal);
});

HTML

<table>
<thead>
<th>Tie</th> <th>Pie</th><th>Lie</th>
</thead>

<tr>
<td><select class="Member" name="options">
    <option value="1">kite</option>
    <option value="2">flag</option>
    <option value="3">ball</option>
    <option value="4">road</option></td>
    <td>
    <select class="Member" name="options" price="200">
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option></td>

    <td>
    <select class="Member" name="options" price="200">
    <option value="1">11</option>
    <option value="2">22</option>
    <option value="3">33</option>
    <option value="4">44</option></td>

    </tr>

    </table>

Answer 1

If you are looking to get the Text content , then use

$(this).find('option:selected').text();

If you want to get the Current value

$(this).val();

Code

$(document).on('change', 'select[name=options]', function() {
    var selectVal= $(this).find('option:selected').text();
    alert(selectVal);
});​

check fiddle