Showing Selection of a multiple select box

Hello Experts-

I have this form with select boxes.  Once the user clicks submit and the page refreshes with the results, I would like to highlight what the user selected from the select boxes.  Can someone explain the best way to do this?  I have 4 select boxes on the page that I would like to add this function to.

Any help would be appreciated with this.

<div style="padding-left: 10px; float:left; text-align:top;"><label for="pClientType" class="topLabel">Type:</label>
</div> 
<div style="padding-left: 10px; float:left; text-align:top;">
    <cfselect name="pClientType" id="ClientType"class="selectListText" query="qryClientTypes" selected="#pClientType#" 
            display="clientType" value="clientType" queryPosition="below" multiple="yes" > 
                <option value="All" #iif(pClientType EQ 'ALL', DE('selected'), DE(''))#>All</option>
                
    </cfselect>
</div>
        
<div style="padding-left: 10px; float:left; text-align:top;"><label for="pProductID" class="topLabel">
Product:</label>
</div>
<div style="padding-left: 10px; float:left;text-vertical-align:top;">
	<cfselect name="pProductID" class="selectListText" onChange="javascript:refreshBrandList();" multiple="yes">
			<option value="-1" #iif(pProductID EQ '-1', DE('selected'), DE(''))#>All</option>
			<cfloop query="qryProducts">
				<option value="#id#" #iif(pProductID EQ id, DE('selected'), DE(''))#>#name#</option>
			</cfloop>
 	</cfselect>
</div>

Select allOpen in new window