這是一個非常簡短的問題禁用選項,有沒有在JavaScript的方式在下拉菜單中禁用選項,例如:如何在下拉菜單
你想使用降下拉菜單?
如果用戶選擇是,然後在下拉undisable選項下拉菜單
,如果用戶不希望使用的保管箱則保持選項下拉菜單中禁用
感謝
這是一個非常簡短的問題禁用選項,有沒有在JavaScript的方式在下拉菜單中禁用選項,例如:如何在下拉菜單
你想使用降下拉菜單?
如果用戶選擇是,然後在下拉undisable選項下拉菜單
,如果用戶不希望使用的保管箱則保持選項下拉菜單中禁用
感謝
您不能禁用任何元素使用CSS,只是風格化它。你應該使用JavaScript來做你想做的事。
在JS中,您可以使用DOM對象的disabled
屬性來禁用它。
CSS純粹是爲了造型,如果您想禁用選擇框,請查看readonly="readonly"
屬性。請記住,如果你想改變屬性,這樣在飛行中我建議使用一些JavaScript庫如jQuery
這裏是將處理你在找什麼
$(function() {
$('#useDDL').click(function() {
var satisfied = $('#useDDL:checked').val();
if (satisfied != undefined) $('#DDL').removeAttr('disabled');
else $('#DDL').attr('disabled', 'disabled');
});
});
一個jQuery函數其中DDL是下拉菜單,useDDL是複選框,用戶可以檢查
要用CSS「禁用」元素,必須將其設置爲display: none
或visibility: hidden
。
但是,如果你想與事件一起工作,你將需要JavaScript。
您可以更好地使用jquery的show()
和hide()
函數來顯示或隱藏基於用戶選擇的特定選項。這應該是最好的方法。
CSS的風格是什麼,它聽起來像你想要做的是邏輯,我會查找一些jquery函數,將很容易地幫助你處理這個 – BWC