JSFiddle - React, Tailwind, and code Playground

by Vikram Anand

HTML

<script src="http://wstation.inmomundo.com/static01/scripts/jquery.1.11.0.min.js"></script>
<table>
    <tr>
        <td></td>
        <td>
            <select>
                <option>One</option>
                <option>Two</option>
            </select>
            <button class="makeStrng">+</button>
        </td>
        <td>
            <input type="text" />
        </td>
    </tr>
    <tr>
        <td>
            <button class="addRow">Add ME</button>
        </td>
    </tr>
</table>

JavaScript

$(document).ready(function () {
    $(document).on("click", ".addRow,.makeStrng", function () {
        var $class = $(this).attr("class");
        if ($class == "addRow") {
            var $row = $(this).closest("tr"); // Finds the closest row <tr>
            var prev = $row.prev();
            $(prev).after("<tr>" + prev.html() + "</tr>");
        }
        if ($class == "makeStrng") {
            var $tr = $(this).closest('tr')
            $tr.find('input').val(function (i, val) {
                return (val+" ") + ( $tr.find('select option:selected').text())
            });
        }

    });

});