| <select name="ComboSATU" id="ComboSATU"> |
| <option value="2000">2000</option> |
| <option value="2001">2001</option> |
| <option value="2002">2002</option> |
| <option value="2003">2003</option> |
| <option value="2004">2004</option> |
| <option value="2005">2005</option> |
| </select> |
| <select name="ComboDUA" id="ComboDUA"> |
| <option value="2000">2000</option> |
| <option value="2001">2001</option> |
| <option value="2002">2002</option> |
| <option value="2003">2003</option> |
| <option value="2004">2004</option> |
| <option value="2005">2005</option> |
| </select> |
| |
| <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> |
| |
| <script type="text/javascript"> |
| $(function(){ |
| $('#ComboSATU').change(function(){ |
| var sel = '#ComboDUA option[value="'+$(this).val()+'"]'; |
| $('#ComboDUA option').removeAttr('disabled'); |
| $(sel).attr('disabled','disabled').prevAll().attr('disabled','disabled'); |
| }); |
| $('#ComboDUA').change(function(){ |
| var sel = '#ComboSATU option[value="'+$(this).val()+'"]'; |
| $('#ComboSATU option').removeAttr('disabled'); |
| $(sel).attr('disabled','disabled').nextAll().attr('disabled','disabled'); |
| }); |
| }); |
| </script> |