JSFiddle - React, Tailwind, and code Playground

by MarinHTML

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.3/jquery.min.js"></script>
<select id="gg">

</select>

CSS

select {
  width:100%;
  height:50px;
  font-size:17px;
}

JavaScript

var abc = { 'abc': 'accountSummaries/123',
  'def': 'accountSummaries/124',
  'ghi': 'accountSummaries/125',
  'jkl Accounts': 'accountSummaries/1405'
  };
  

for(let i=0;i<Object.keys(abc).length;i++) {
	$('#gg').append('<option data-key="'+Object.keys(abc)[i]+'" data-value="'+Object.values(abc)[i]+'">'+Object.values(abc)[i]+'</option>')
}