You can get the index of the selected item in a select via selectedIndex. Assuming this is the select, you can have this code:

var index = this.selectedIndex;

You can then use jQuery's .eq() to find the right option in the other select elements and grab the text using text()

Here's a demo

$(document).ready(function () {
    $("tbody tr td:nth-of-type(1)").on('change', 'select',function (e) {
        var index = this.selectedIndex;
        var parentTd = $(this).closest('td');
        var nextTd = parentTd.next();
        var text = nextTd.find('select > option').eq(index-1).prop('selected','selected').text();
        nextTd.next().text(text);
    });
});

$(document).ready(function () {
    $("tbody tr td:nth-of-type(1) select").on("change", function () {
        var thistext = $(this).find(":selected").text().toLowerCase();
        var nexttext = $(this).closest("td").next().find("option[value='" + thistext + "']").text();
        $(this).closest("td").siblings().eq(1).text(nexttext);
    });
});

首先，您需要将处理程序放在<select>元素上，而不是<td>.

然后，为了在第二个菜单中找到相应的选项，我在所选选项中找到其值等于小写文本的选项。然后我把它的文本放在第三列。

如果这不是您想要的，也许您可​​以在问题中澄清相应选项的含义。

小提琴