How should i show select title with css

Question

Hello Guys Please Help me for this I didn't how I show select title. I want to show above When should we call you?.

please check my code Thanks:-

 <select name="myfirst" title="When should we call you?">
    <option class="optnoval"></option>
    <option value="today" id="df">today</option>
    <option value="tommorow" id="df">tommorow</option>
    <option value="sunday" id="dfd">sunday</option>
 </select>

Please check online codepen code link:- https://codepen.io/anon/pen/EQBbyG

Answer 1

You can add a <label> in your HTML Markup.

 <label for="myfirst">When should we call you?</label> <select name="myfirst" id="myfirst" title="When should we call you?"> <option class="optnoval"></option> <option value="today" id="df">today</option> <option value="tommorow" id="df">tommorow</option> <option value="sunday" id="dfd">sunday</option> </select>

Answer 2

If you use jQuery you can select all the <select> elements with a title attribute, and copy its value into the first <option> .

 $("select[title] option:first-child").text(function(i, oldtext) { if (oldtext.trim() == '') { return $(this).parent().attr("title"); } });

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <select name="myfirst" title="When should we call you?"> <option class="optnoval"></option> <option value="today">today</option> <option value="tommorow">tommorow</option> <option value="sunday" >sunday</option> </select> <select name="mytime" title="What time of day?"> <option class="optnoval"></option> <option value="morning">Morning</option> <option value="afternoon" >Afternoon</option> <option value="evening">Evening</option> </select>