JSFiddle - React, Tailwind, and code Playground

by neverov12

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<html lang="ru">

  <head>
    <script src="https://elsid.ru/bitrix/templates/elsid_recepts/js/jquery-3.3.1.min.js"></script>
    <script src="https://elsid.ru/bitrix/templates/elsid_recepts/js/myscripts.js"></script>
    <script src="https://elsid.ru/bitrix/templates/elsid_recepts/js/addrecipe.js"></script>
    <script src="https://elsid.ru/bitrix/templates/elsid_recepts/js/underscore-min.js"></script>
    <link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.10/css/select2.min.css" rel="stylesheet" />
    <script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.10/js/select2.min.js"></script>
  </head>

  <body>

    <form name="add_my_recepts" action="" method="POST" enctype="multipart/form-data">
    <table class="data-new-item" id="ingtable">
		<tbody>
    
    
    <tr data-row="3" id="ingrow3" class="ingrow">
    <td class="td-ing">
    <select class="js-example-basic-single">
      <option value="12">по вкусу
      </option>
      <option value="7">г
      </option>
      <option value="6">шт
      </option>
      <option value="13">ст. л.
      </option>
      <option value="14">ч. л.
      </option>
      <option value="15">стак.
      </option>
      <option value="8">мл
      </option>
      <option value="16">зуб.
      </option>
      <option value="17">кг
      </option>
      <option value="18">пуч.
      </option>
      <option value="19">бан.
      </option>
      <option value="20">л
      </option>
      <option value="21">пакет.
      </option>
      <option value="22">пач.
      </option>
      <option value="23">горст.
      </option>
      <option value="24">упак.
      </option>
      <option value="25">щепот.
      </option>
      <option value="26">ломт.
      </option>
      <option value="27">вилок
      </option>
      <option value="28">веточ.
      </option>
      <option value="29">дол.
      </option>
      <option...

JavaScript

$(function() {
  $("#piu").on("click", function () {

    var cnt = parseInt($('#ingmax').val()) + 1;
    $('#ingmax').val(cnt);
    var $select = $(ingredientGroupsManager.select).clone();
    $select.find('select').attr('name', 'ingridient[' + cnt + '][group_id]');
    
    const select = $('<div/>').append($select);

    var txt = _.template($('#tpl-ingrow').html(), {
      id: cnt,
      groups_select: select
    });
    
    select.select2();
  });
})