JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <tr>
        <td>
            <input type="text" id="text1"/>
        </td>
        <td>
            <select><option value="abc">ABC</option>
    <option value="def">DEF</option></select>
        </td>
    </tr>
    <tr>
        <td>
            <input type="text" id="text2"/>
        </td>
        <td>
            <select><option value="abc">ABC</option>
            <option value="def" selected>DEF</option></select>
        </td>
    </tr>
</table>
<button id="btn">click to run</button>

JavaScript

var wordVal="";
var totalString = "";
$('#btn').click(function(){
    totalString="";
    $('table tr').each(function(i){
        $(this).children('td').each(function(j){
            if(j==0) wordVal = $(this).children('input').val().trim();
            else totalString+= wordVal+','+$(this).children('select').val()+'|';
        });
    });
    totalString= totalString.substring(0,totalString.length-1);
    console.log(totalString);
});