2011-03-22 61 views
0

我想弄清楚如何創建一個測試區域,用戶可以從項目列表中選擇或添加到文本區域。這可能嗎?類似下面的內容,除了限制用戶從列表中選擇或者輸入到textarea中。HTML選擇或文本區

<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> 
+0

你問是否可以從'select'中選擇一個項目或在'textarea'中輸入文本?是。 – alex 2011-03-22 02:21:58

+0

他在問如何讓用戶只在一個字段輸入數據,而不是另一個字段。 – 2011-03-22 02:26:11

回答

0

當數據在一箇中被改變時禁用另一個。使用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); 
    } 
})(); 
+0

嗨cwolves ..不知道這是可能的!有沒有辦法以其他方式完成此任務或使用mootools?謝謝! – 2011-03-22 02:29:07

+0

是的,但我不知道mootools,對不起:)這個想法是,你設置所有其他元素的禁用屬性,防止用戶使用它們。確保你清除數據(這是'$(this).val()'的作用) – 2011-03-22 02:29:38