HTML select或textarea

Question

我正在试图弄清楚如何创建一个测试区域，用户可以从项目列表中选择，或添加到textarea。这可能吗？类似下面的内容，除了限制用户从列表中选择或进入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

在数据更改为一个时禁用另一个。使用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);
   }
})();