JSFiddle - React, Tailwind, and code Playground

HTML

<SELECT id='selectList'>
   <OPTION value1="a" value2="b" value3="c">OPTION 1</OPTION>
   <OPTION value1="d" value2="e" value3="f">OPTION 2</OPTION>
      <OPTION value1="d" value2="e" value3="f">OPTION 2</OPTION>
</SELECT>
<pre id='output'>
</pre>

JavaScript

(function(){
    
    var options = {},
        i = 0,
        sel = document.getElementById('selectList'),
        output = document.getElementById('output');
    
    for(i = 0; i < sel.options.length; i++){
        var option = {},
            j = 0,
            attrs = sel.options[i].attributes;
        
        for(j = 0; j < attrs.length; j++){
            option[attrs[j].name] = attrs[j].value;
        }
        
        options["option" + i] = option;
    }
    
    output.innerText = JSON.stringify(options, null, '\t');
    
}());