JSFiddle - React, Tailwind, and code Playground

by houssamk

HTML

<tr editmode="edit" incrementid="10" linenumber="10">
    <td >
        <input type="text" value="10" title="#" class="width5">
    </td>
    <td>
        <select class="width20">
            <option value=""></option>
            <option value="AFE">AFE</option>
            <option value="Cost Center">Cost Center</option>
        </select>
    </td>
    <td>
        <input type="text" value="" title="Cost Object Value" class="width70" style="display:block;">
    </td>   
</tr>

CSS

.hidden {
    display: none;
  }
  .float-right{
    float: right;
  }
  .width5{
    width: 5%
  }
  .width20{
    width: 20%
  }
  .width70{
    width: 70%
  }

JavaScript

$("select").val($("select option:nth(1)").val());