JSFiddle - React, Tailwind, and code Playground

HTML

<select id="Number_of_position">              
    </select>   <table id="Positions_names">
    </table>

JavaScript

$(document).ready(function(){

    var select = $("#Number_of_position"), table = $("#Positions_names");
    
    var alphabet = "abcdefghijklmnopqrstuvwxyz".split("");
    
 for (var i = 1; i <= 100; i++){
        select.append('<option value="'+i+'">'+i+'</option>');
    }

    select.change(function () {
        var rows = '';
        for (var i = 0; i < $(this).val(); i++) {
            rows += "<tr><td>" + alphabet[i] + " <input type='text'></td></tr>";
        }
        table.html(rows);
    });

});