JSFiddle - React, Tailwind, and code Playground

HTML

<div class="col-sm-10 float-md-right"><div id="tab-option1"><h4>radio</h4>
                        <table width="100%" cellspacing="0" cellpadding="5" border="0">
                          <tbody><tr>
                            <td><table class="table table-sm table-hover table-striped table-hover" id="option-value0">
                              <thead>
                                <tr>
                                  <td>table_heading_option_value</td>
                                  <td>table_heading_stock_quantity</td>
                                  <td>table_heading_subtract_stock</td>
                                  <td>table_heading_price</td>
                           <td>table_heading_customers_group</td>             <td>table_heading_point</td>
                                  <td>table_heading_weight</td>
                                  <td>table_heading_action</td>
                                </tr>
                              </thead>
                              <tbody>
                              <tr id="option-value-row0"><input name="product_option[0][product_option_id]" value="31" type="hidden"><input name="product_option[0][option_id]" value="31" type="hidden"><input name="product_option[0][type]" value="radio" type="hidden"><td> <select name="product_option[0][product_option_value][0][option_value_id]" id="product_option[0][product_option_value][0][option_value_id]" class="form-control"><option value="0">Moyen</option></select></td> 
                                  <td><input name="'product_option[0][product_option_value]n[0][quantity]" value="146" class="form-control" type="text"></td>
                                  <td><select name="product_option[0][product_option_value][0][subtract]" id="product_option[0][product_option_value][0][subtract]" class="form-control"><option value="0">text_no</option><option value="1" selected="selected">text_yes</option></select></td>
                                  <td>
       ...

JavaScript

var option_value_row = 0;

  function addOptionValue(option_row) {
    html  = '<tr id="option-value-row' + option_value_row + '">';

//    		html += '	<input type="hidden" name="product_option[' + option_row + '][product_option_id]" value="" />';



//item
//      html += '	<input type="hidden" name="product_option[' + option_row + '][option_id]" value="' + item['value'] + '" />';
//      html += '	<input type="hidden" name="product_option[' + option_row + '][type]" value="' + item['type'] + '" />';




    html += '  <td><select name="product_option[' + option_row + '][product_option_value][' + option_value_row + '][option_value_id]" class="form-control">';
    html += $('#option-values' + option_row).html();
    html += '  </select><input type="hidden" name="product_option[' + option_row + '][product_option_value][' + option_value_row + '][product_option_value_id]" value="" /></td>';
    html += '  <td class="text-md-right"><input type="text" name="product_option[' + option_row + '][product_option_value][' + option_value_row + '][quantity]" value="" placeholder="entry_quantity" class="form-control" /></td>';

    html += '  <td><select name="product_option[' + option_row + '][product_option_value][' + option_value_row + '][subtract]" class="form-control">';
    html += '    <option value="1">Yes</option>';
    html += '    <option value="0">No</option>';
    html += '  </select>';
    html += '  </td>';
    html += '  <td class="text-md-right"><select name="product_option[' + option_row + '][product_option_value][' + option_value_row + '][price_prefix]" class="form-control">';
    html += ' <td class="text-md-right"><select name="product_option[' + option_row + '][product_option_value][' + option_value_row + '][customers_group_id]" class="form-control">';

    html +=  '</select>';
    html +=  '</td>';
    html += '    <option value="+">+</option>';
    html += '    <option value="-">-</option>';
    html += '  </select>';
    html += '  <input type="text"...