How to make your own text in select instead of the selected value?

<div class="select-style"> <select name="sort" id="sort"> <option value="1" > ... </option> <option value="2"> ... </option> </select> </div> 

For example, such a pattern. By condition, I need to set select my view, so it is wrapped in a div. Is it possible in this situation to somehow change in select when the page loads a display instead of the selected value of its text?