JSFiddle - React, Tailwind, and code Playground

HTML

<select id="one">
    <option id="one_val_a" value="one">one</option>
    <option id="two_val_a" value="two">two</option>
    <option id="three_val_a" value="three">three</option>
</select>

<span id="pin"></span>
<br/>
<span id="workspace"></span>

JavaScript

$('#one').clone(true, true).attr('id', 'two').appendTo('#pin')
    .children().attr("id", function(i, value) {
        
    var last = value.lastIndexOf("_") + 1;
    var char = value.substring(last).charCodeAt(0);
    return value.substring(0, last) + String.fromCharCode(char + 1);
});

//checking the ids of the options
$('option').each(function() {
    $('#workspace').append($(this).attr('id') + '<br/>');
});