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">ABC2</option>
            <option value="def">DEF2</option></select>
        </td>
    </tr>
</table>
<button id="btn">click to run</button>

JavaScript

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