HTML选择或文本区

Question

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