Отбросить выбранное значение из строки в datatables при нажатии кнопки

Question

Я включил образец в jsFiddle.

Мой вопрос в том, как получить строку выпадающего выбранного значения при запуске кнопки «щелчок» в той же строке.

Это мой HTML:

<table id="table1"> 
<thead> 
    <tr> 
     <th>Item</th> 
     <th>UOM</th> 
     <th></th> 
    </tr> 
</thead> 
<tbody> 
    <tr> 
     <td>Item 1</td> 
     <td> 
      <select> 
       <option></option> 
       <option>BAG</option> 
       <option>UNIT</option> 
      </select> 
     </td> 
     <td> 
      <button type="button" class="add">Click</button> 
     </td> 
    </tr> 
    <tr> 
     <td>Item 1</td> 
     <td> 
      <select> 
       <option></option> 
       <option>BAG</option> 
       <option>UNIT</option> 
      </select> 
     </td> 
     <td> 
      <button type="button" class="add">Click</button> 
     </td> 
    </tr> 
</tbody> 

Мои JavaScript:

oTable = $("#table1").dataTable({ 
    "fnDrawCallback": function(oSetting){ 
     $(".add").click(function(){ 
      var data = oTable.row($(this).parents('tr')).data(); 
      console.log(data); 
     }); 
    } 
}); 

Answer 1

РЕШЕНИЕ

Я хотел бы использовать rowCallback определить функцию обратного вызова, которая запускается на выполнение, когда строка нарисован.

Тогда вы можете запросить значение <select> элемента по $('select', row).val(), как показано ниже:

'rowCallback': function(row, data, index){ 
    $('.add', row).click(function(){ 
     console.log($('select', row).val()); 
    }); 
} 

DEMO

См this jsFiddle для кода и демонстрации.