JSFiddle - React, Tailwind, and code Playground

by himel023

HTML

<select name="Items"  valtype="required" runat="server" id="Items"> 
                        <option value="-1">--Select--</option>  
                        <option value="Milk">Milk</option>
                        <option value="Sugar">Sugar</option>
                        <option value="Coffee">Coffee</option>
                       </select>

JavaScript

function Changed(itemreturned) // pass value from db
{
  let selectElm = document.getElementById("Items");
	let options = selectElm.options;
	
	//looping over all the options and matching with your db values
	//if match is found make that the selected index.
	for(let i = 0; i < options.length; i++){
		if(options[i].text === itemreturned.Items){
			selectElm.options.selectedIndex = options[i].index;
		}
	}
}

let itemreturned = {
  Items: "Milk"
}

Changed(itemreturned);