2011-11-30 161 views
0

這是一個非常簡短的問題禁用選項,有沒有在JavaScript的方式在下拉菜單中禁用選項,例如:如何在下拉菜單

你想使用降下拉菜單?

如果用戶選擇是,然後在下拉undisable選項下拉菜單

,如果用戶不希望使用的保管箱則保持選項下拉菜單中禁用

感謝

+2

CSS的風格是什麼,它聽起來像你想要做的是邏輯,我會查找一些jquery函數,將很容易地幫助你處理這個 – BWC

回答

0

您不能禁用任何元素使用CSS,只是風格化它。你應該使用JavaScript來做你想做的事。

在JS中,您可以使用DOM對象的disabled屬性來禁用它。

1

CSS純粹是爲了造型,如果您想禁用選擇框,請查看readonly="readonly"屬性。請記住,如果你想改變屬性,這樣在飛行中我建議使用一些JavaScript庫如jQuery

0

這裏是將處理你在找什麼

$(function() { 
      $('#useDDL').click(function() { 
       var satisfied = $('#useDDL:checked').val(); 
       if (satisfied != undefined) $('#DDL').removeAttr('disabled'); 
       else $('#DDL').attr('disabled', 'disabled'); 
      }); 
     }); 

一個jQuery函數其中DDL是下拉菜單,useDDL是複選框,用戶可以檢查

0

要用CSS「禁用」元素,必須將其設置爲display: nonevisibility: hidden

但是,如果你想與事件一起工作,你將需要JavaScript。

0

您可以更好地使用jquery的show()hide()函數來顯示或隱藏基於用戶選擇的特定選項。這應該是最好的方法。