07.25 html4strict
1Marc
Note
1Marc did not leave a note
  1. <html>
  2. <head>
  3.     <title>Reset Select Lists based on Select with Ids</title>
  4. </head>
  5. <body>
  6.     <select id="parent">
  7.         <option value="child1">select list 1</option>
  8.         <option value="child2">select list 2</option>
  9.         <option value="child3">select list 3</option>
  10.     </select>
  11.    
  12.     <select id="child1">
  13.         <option>--</option>
  14.         <option>1</option>
  15.         <option>2</option>
  16.         <option>3</option>
  17.     </select>
  18.    
  19.     <select id="child2">
  20.         <option>--</option>
  21.         <option>1</option>
  22.         <option>2</option>
  23.         <option>3</option>
  24.     </select>
  25.    
  26.     <select id="child3">
  27.         <option>--</option>
  28.         <option>1</option>
  29.         <option>2</option>
  30.         <option>3</option>
  31.     </select>
  32.    
  33.     <button id="reset">Reset</button>
  34.    
  35.     <script src="jquery-1.2.6.min.js" type="text/javascript" charset="utf-8"></script>
  36.     <script type="text/javascript" charset="utf-8">
  37. $(document).ready(function(){
  38.     $('#reset').click(function(){
  39.         $('#parent option').each(function(i,option){
  40.             child_id = $(option).val();
  41.             $('#'+child_id)[0].selectedIndex = 0;
  42.         });
  43.     });
  44. });
  45.     </script>
  46. </body>
  47. </html>
Parsed in 0.106 seconds, using GeSHi 1.0.7.14

Modify this Paste