Align center select option using javascript (Jquery)

center-select.js

function getTextWidth(txt) {
    let $elm = $('<span class="tempforSize">'+txt+'</span>').prependTo('body');
    let elmWidth = $elm.width();
    $elm.remove();
    return elmWidth;
}
function centerSelect($elm) {
    const optionWidth = getTextWidth($elm.children(':selected').html());
    const emptySpace = $elm.width() - optionWidth;
    $elm.css('text-indent', (emptySpace/2));
}
// init screen
const centerSelectDOM = $('.centerSelect');
centerSelectDOM.each(function(){
    centerSelect($(this));
});
// on change event
centerSelectDOM.on('change', function(){
    centerSelect($(this));
});