JSFiddle - React, Tailwind, and code Playground

by mohammadAdil

HTML

<select id='ms'>
    <option>1</option>
    <option>2</option>
    <option>3</option>
    <option>4</option>
</select>

JavaScript

$("#ms option").each(function () {
    $(this).attr('data-state', "some_value");
    $(this).prop("value", $(this).text());
});

$(document).on("change",'#ms', function () {
    console.log($(this).attr('data-state'));
    console.log($(this).data('state'));
    console.log($(this).val());
});