×

Welcome to TagMyCode

Please login or create account to add a snippet.
 

Use title cover the selection box

0
0
 
0
Language: Javascript
Posted by: Jing Tai Piao
Added: Feb 6, 2013 12:24 AM
Views: 1764
Tags: no tags
  1. /**** javascript part****/
  2. <script type="text/javascript">
  3.     $(document).ready(function(){
  4.         $('#region-selector').prop("selectedIndex", -1);
  5.  
  6.         // Set the position of the overlay
  7.         var offset = $('#region-selector').offset();
  8.         offset.top += 3;
  9.         offset.left += 3;
  10.         console.log(offset.top);
  11.         $('#default_message_overlay').offset(offset);
  12.  
  13.         // Remove the overlay when selection changes
  14.         $('#region-selector').change(function() {
  15.             if ($(this).prop("selectedIndex") != -1) {
  16.                 $('#default_message_overlay').hide();
  17.             }
  18.         });
  19.     });
  20. </script>
  21. /*******javascript part **********/
  22. /*******html part ********/
  23. <span id="default_message_overlay">Search Region</span>
  24.                                 <select id="region-selector" name="title">
  25.                                     <option value="dr">Dr</option>
  26.                                     <option value="mr">Mr</option>
  27.                                     <option value="ms">Ms</option>
  28.                                     <option value="mrs">Mrs</option>
  29.                                     <option value="miss">Miss</option>
  30.                                 </select>

Write a comment

To post comments, please log in or register.