JSFiddle - React, Tailwind, and code Playground

by Karmik Patel

HTML

<div id="_ctl1__pageBodyTag__ctl5__addressDetails__ctl0__countryName__displayTag" class="displayField">&nbsp;</div>

<select name="_ctl1:_pageBodyTag:_ctl5:_addressDetails:_ctl0:_provinceID:_inputTag" id="_ctl1__pageBodyTag__ctl5__addressDetails__ctl0__provinceID__inputTag" tabindex="5" style="width:98%">
</select>
<a class="USbutton" href="#" id="USButton">USA</a>

CSS

input
,	.inputDefaultValue
,	textarea	
,	option
,	select
,	.displayField
,	.displayFieldDefaultValue
,	.displayFieldBold
	{
		font-weight				: normal;
		font-size				: x-small;
		color					: #000000;
	}

	.displayField
,	.displayFieldDefaultValue
,	.displayFieldBold
	{
		border					: 1px solid #cccccc; 
		padding					: 2px 0px;		
		background-color		: #ffffff;
		cursor					: default;
	}

	.displayFieldDefaultValue
,	.inputDefaultValue
	{
		color					: #777777;
	}

  .displayFieldGrid
, .responseFieldGrid
	{
		font-weight				: normal;
		cursor					: default;
		color					: #000000;
	}

  .displayFieldBold
	{
		font-weight				: bold;
		color					: #0000ff;
	}

, .displayField
, .displayFieldGrid
, .responseFieldGrid, .responseFieldGridNoValue, .responseFieldGridNoValueAlt
, .selectList, .selectListHeader, .dataListHeader
	{
		font-family				: Verdana, Arial, sans-serif;
		font-weight				: normal;
		font-size				: x-small;
		font-size				: 8pt;
	}
  
  
  
  
  .USbutton {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 1px 4px;
    border: 0px solid #145e70;
    border-radius: 6px;
    background: #6a9ccd;
    background: -webkit-gradient(linear, left top, left bottom, from(#6a9ccd), to(#6a9ccd));
    background: -moz-linear-gradient(top, #6a9ccd, #6a9ccd);
    background: linear-gradient(to bottom, #6a9ccd, #6a9ccd);
    font: normal normal bold 11px verdana;
    color: #ffffff;
    text-decoration: none;
}

JavaScript

document.getElementById("_ctl1__pageBodyTag__ctl5__addressDetails__ctl0__countryName__displayTag").innerHTML = 'UNITED STATES';


var ary = {
  '{15C83058-D848-4284-9CEF-D6C6C8E6BBEC}': 'Alabama',
  '{6D8C37B5-50CE-4CF4-84C2-339AAF168BEB}': 'Alaska',
  '{35196EAA-3EB3-49DD-9719-C8EA64B7EA03}': 'Arizona',
  '{D47E7824-B664-46C4-ABF6-71FB625717BE}': 'Arkansas',
  '{5B7D6756-35EA-4EBB-8E46-C585EE321056}': 'California',
  '{375E2931-A3A1-4311-922B-7A78BAC339FA}': 'Colorado',
  '{1736608A-AE35-4C52-A1B0-BAA645AC02D5}': 'Connecticut',
  '{1080402D-DD2C-4053-9D3D-683335BC3F4D}': 'Delaware',
  '{BD51B323-8ACC-4EB9-94D8-B4239BE41BAA}': 'District of Columbia',
  '{C5AAB21C-ABC6-4226-A3FE-AEC96132665F}': 'Florida',
  '{2676A496-F246-4741-8B69-B9364F935855}': 'Georgia',
  '{6C19C1B1-6180-4C12-9F73-AFD5C43B6070}': 'Hawaii',
  '{190B475A-89CC-4CD2-A5C7-4CB31A741522}': 'Idaho',
  '{A31AFA63-019C-4D4D-97FF-880F18038558}': 'Illinois',
  '{51289A92-268C-4F4A-A59F-0DF73D564C08}': 'Indiana',
  '{9D405A1F-86F7-4175-9EE2-60ADC742A56E}': 'Iowa',
  '{32AE5A7B-8404-4536-BB46-E3138CE873C7}': 'Kansas',
  '{4D1E4DA9-5C01-4350-B75B-FCCF209CB15F}': 'Kentucky',
  '{6187561F-7C90-436A-9FF3-3EFF719FD2CB}': 'Louisiana',
  '{113327B0-43C5-4F51-AE71-544DCCF0F061}': 'Maine',
  '{C8CE10FB-B0F5-4ADB-8C1B-6F105C0C086F}': 'Maryland',
  '{2D904800-80E3-40B7-ABB6-546243B64052}': 'Massachusetts',
  '{2919A03A-8792-473A-BF62-CCA6C1165078}': 'Michigan',
  '{4A63478B-E98F-446F-9C21-1AE161BECF77}': 'Minnesota',
  '{DB077F90-5CD5-4B28-AC55-A7BA6C44DA92}': 'Mississippi',
  '{55D23E4E-9A7E-4B66-80EA-D2402ADA8B1F}': 'Missouri',
  '{A9D13CB4-9AD4-4C33-AD95-299C68C6FEA2}': 'Montana',
  '{87F93E15-6115-42C2-85C8-65B537145A37}': 'Nebraska',
  '{DE3ACE7D-C3E5-42D4-B0C8-507B4B5FEBDC}': 'Nevada',
  '{3D7124F3-97F5-4829-B74F-76157062DE55}': 'New Hampshire',
  '{CE937C8B-9FB8-4A1E-9080-AF86DD94055B}': 'New Jersey',
  '{8BFB6D74-36B0-44BE-A3A6-7DAA0F8C4D95}': 'New Mexico',
  '{5C55123B-5CA1-4BDA-B18A-B5D081DECE76}': 'New...