JSFiddle - React, Tailwind, and code Playground

by nsjithin

HTML

<table id="myTable">
<tbody>
  <tr>
   <td data-key="data1">some text data</td>
</tr>
<tr>
   <td data-key="data2">
      <select>
        
        <option>1_option</option>
        <option>2_option</option>
      </select>
   </td>
</tr>
</tbody>
</table>

JavaScript

var obj = $('#myTable tbody tr').map(function() {
    var $row = $(this);
    var localobj = {};

    var td = $row.find('td').first();

    var dataattr = td.attr('data-key');

    var select = td.find('select');
    if(select.length > 0){
        console.log(select);
        if(select.find('option:selected').length > 0){
            localobj[dataattr] = select.val();
        }
        else{
          	// If not selected. What to do here??
        }
    }
    else{
      localobj[dataattr] = td.text();
    }
    return localobj;
}).get();
console.log(obj);