API tools faq
paste
Guest User

Jquery Bugs in Chrome HTML listbox

a guest
Nov 1st, 2012
213
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
JavaScript 4.09 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3.  <head>
  4.   <title> new document </title>
  5.  
  6. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
  7. <style>
  8. #fstarted-areas option{display:none;}
  9. #fstarted-areas option.always{display:none;}
  10. </style>
  11. <script>
  12.            
  13.             $(document).ready(function(){              
  14.                 $("#fstarted-region").change(function() {
  15.                     var reg = $("#fstarted-region :selected").val();
  16.  
  17.                     $("#fstarted-areas").fadeIn(500);
  18.                     $("#fstarted-areas option").hide();
  19.                     $("#fstarted-areas option."+reg).css('display','block');                                   
  20.                     $("#fstarted-areas option."+reg).show();
  21.                
  22.                 });
  23.  
  24.             });
  25. </script>
  26.  
  27.  </head>
  28.  
  29.  <body>
  30.  
  31.  
  32.                         <select id="fstarted-region" multiple>
  33.                             <option value="" selected="selected">Select Region</option>
  34.                             <option class="Midwest" value="Midwest">MidWest</option>
  35.                             <option class="Northeast" value="Northeast">Northeast</option>
  36.                             <option class="South" value="South">South</option>
  37.                             <option class="West" value="West">West</option>
  38.                         </select>
  39.  
  40.             <select id="fstarted-areas">
  41. <option class="always" value="">Please select area</option>
  42. <option class="Midwest" value="ALL-Midwest">-- ALL Midwest Area --</option>
  43. <option class='Midwest' value='Chicago'>Chicago, IL </option>
  44. <option class='Midwest' value='Detroit'>Detroit, MI </option>
  45. <option class='Midwest' value='Minneapolis'>Minneapolis, MN </option>
  46. <option class="Northeast" value="ALL-Northeast">-- ALL Northeast Area --</option>
  47. <option class='Northeast' value='New York'>New York, NY </option>
  48. <option class='Northeast' value='Philadelphia'>Philadelphia, PA </option>
  49. <option class='Northeast' value='Washington'>Washington, D.C </option>
  50. <option class="South" value="ALL-South">-- ALL South Area --</option>
  51. <option class='South' value='Dallas'>Dallas, TX </option>
  52. <option class='South' value='Houston'>Houston, TX </option>
  53. <option class='South' value='Miami'>Miami, FL </option>
  54. <option class='South' value='Atlanta'>Atlanta, GA </option>
  55. <option class="West" value="ALL-West">-- ALL West Area --</option>
  56. <option class='West' value='Los Angeles'>Los Angeles, CA </option>
  57. <option class='West' value='San Francisco'>San Francisco, CA </option>
  58. <option class='West' value='Riverside'>Riverside, CA </option>
  59.             </select>
  60.  
  61.  
  62. <!-- WORKING less area
  63.  
  64.  
  65.                         <select id="fstarted-region" multiple>
  66.                             <option value="" selected="selected">Select Region</option>
  67.                             <option class="Midwest" value="Midwest">MidWest</option>
  68.                             <option class="Northeast" value="Northeast">Northeast</option>
  69.                             <option class="South" value="South">South</option>
  70.                             <option class="West" value="West">West</option>
  71.                         </select>
  72.  
  73.             <select id="fstarted-areas">
  74. <option class="always" value="">Please select area</option>
  75. <option class="Midwest" value="ALL-Midwest">-- ALL Midwest Area --</option>
  76. <option class='Midwest' value='Chicago'>Chicago, IL </option>
  77. <option class='Midwest' value='Detroit'>Detroit, MI </option>
  78. <option class='Midwest' value='Minneapolis'>Minneapolis, MN </option>
  79. <option class="Northeast" value="ALL-Northeast">-- ALL Northeast Area --</option>
  80. <option class='Northeast' value='New York'>New York, NY </option>
  81. <option class='Northeast' value='Philadelphia'>Philadelphia, PA </option>
  82. <option class='Northeast' value='Washington'>Washington, D.C </option>
  83. <option class="South" value="ALL-South">-- ALL South Area --</option>
  84. <option class='South' value='Dallas'>Dallas, TX </option>
  85. <option class='South' value='Houston'>Houston, TX </option>
  86. <option class='South' value='Miami'>Miami, FL </option>
  87. <option class='South' value='Atlanta'>Atlanta, GA </option>
  88. <option class="West" value="ALL-West">-- ALL West Area --</option>
  89. <option class='West' value='Los Angeles'>Los Angeles, CA </option>
  90. <option class='West' value='San Francisco'>San Francisco, CA </option>
  91. <option class='West' value='Riverside'>Riverside, CA </option>
  92.             </select>
  93.  
  94.  
  95. -->
  96.  
  97.  </body>
  98. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!