Dropdown - resets to placeholder label on out of focus

Question

I have a dropdown in my page which is set to required and I have a placeholder for it. Every time I choose a value and move the cursor out it is refreshing and getting back to placeholder label. I have provided my code below. Please advise. 
 a!dropdownField( label: "Department", labelPosition: "ABOVE", helptooltip: "", placeholderlabel: "--- Choose your Department ---", choicelabels: { "IT", "Office" }, choicevalues: { "IT", "Office" }, saveInto: ri!Order.department, required: true, validations: {} )

ganeshp · Accepted Answer

load( 
 local!order, 
a!dropdownField( 
 label: "Department", 
 labelPosition: "ABOVE", 
 helptooltip: "", 
 placeholderlabel: "--- Choose your Department ---", 
 value: local!order, 
 choicelabels: { 
 "IT", 
 "Office" 
 }, 
 choicevalues: { 
 "IT", 
 "Office" 
 }, 
 saveInto: {local!order, 
 a!save(ri!Order.department,local!order)}, 
 required: true, 
 validations: {} 
))