If it shows just one value then display it as label, is it possible with pure HTML or Jquery or combination of both? I could use smarty to check for the values and throw different different html, but that would make my code long as I have many drop downs.

<select>
<option> 1 </option>
</select>

Any simple logic, which I might be missing?

UPDATE (RESOLVED)

Thank for all the stackoverflow'ers who helped.
I used the code given by @ahren which worked as required.

However I have expanded the code to copy the attributes of one tag to another, in case if someone is looking for

I opted to hide, rather than replace, the <select> element so you still get the value sent back as part of the form. If that's not required then you can remove the element entirely using .remove() in place of .hide().