| <tr> |
| <td class="tdLabel"><label for="myFavouriteFruit" class="label">My Favourite Fruit:</label></td> |
| <td class="tdInput"> |
| <script type="text/javascript"> |
| function autoPopulate_myFavouriteFruit(targetElement) { |
| if (targetElement.options[targetElement.selectedIndex].value == '-1') { |
| return; |
| } |
| if (targetElement.options[targetElement.selectedIndex].value == '') { |
| return; |
| } |
| targetElement.form.elements['myFavouriteFruit'].value=targetElement.options[targetElement.selectedIndex].value; |
| } |
| </script> |
| <input type="text" name="myFavouriteFruit" value="banana" id="myFavouriteFruit"/><br/> |
| <select onChange="autoPopulate_myFavouriteFruit(this);"> |
| <option value="-1">--- Please Select ---</option> |
| <option value=""></option> |
| <option value="apple">apple</option> |
| <option value="banana" selected="selected">banana</option> |
| <option value="pineaple">pineaple</option> |
| <option value="grapes">grapes</option> |
| </select> |
| </td> |
| </tr> |