Question

I’m trying to figure out how to create a test area where the user can either select from a list of items, or add to a textarea. Is this possible? Something like the following, except restrict the user to either selecting from the list, or entering into the textarea.

<tr>
   <td width="100" class="formNames">Frequency</td>
   <td colspan="2" class="cellColor">
      <select name="yr" class="textbox">
         <option value="0">-</option>
         <option value="30">1</option>
         <option value="30">2</option>
         <option value="30">3</option>
         <option value="30">4</option>
         <option value="30">5</option>
      </select>
   </td>
   <td width="10" class="formNames"> -or- </td>
   <td class="formNames">
      <input type="text" name="scheduletitle" class="textbox" value="default" />
   </td>
</tr>

Answer 1

disable the other when data is changed in one. Using jQuery:

(function(){
   var elements = $('select[name=yr],input[name=scheduletitle]');
   elements.bind('change', function(){
      var self = this;
      elements.attr('disabled', false);
      $(this).val() && elements.filter(function(){ return this != self; }).attr('disabled', true);
   }
})();