JSFiddle - React, Tailwind, and code Playground

by Phil Glau

HTML

<button id="but">Auto-Fill from MRNGSR-99</button>
<form id='report1'>
    <input type="text" name="2" class='na' /><br />
    <input type="text" name="3" class='na' /><br />
    <input type="text" name="4" class='na' /><br />
    <input type="text" name="5" class='na' /><br />
    <input type="text" name="1" class='na' />
    <input type="hidden" id="base" value="MRNGSR" />
    <input type="hidden" id="inc" name="inc" value='99' />
    <br/>
</form>

JavaScript

$(document).ready(function () {
    $("#but").button().click(function (e) {
        e.preventDefault();
        var base_name = $("#base").val();
        var increment = parseInt($("#inc").val());
        inputs = $('#report1').find("input.na:text");
        inputs.each(function (i) {
            $(inputs[i]).val(base_name + '-' + (i + increment));
        })
    });
});