javascript - 如果其中没有元素，如何禁用下拉菜单

Question

我正在做一个项目，如果没有添加任何元素，我想禁用下拉菜单(添加一些选项后它将变为事件状态) 就像在这个例子中，下拉菜单是空的，但它仍然处于事件状态(我可以点击它)。我想禁用该属性。

fiddle 示例是:http://jsfiddle.net/7aqZm/

function myFunction()
{
var x = document.getElementById("mySelect");
var option = document.createElement("option");
option.text = "Kiwi";
x.add(option);
}

Answer 1

使用 jQuery，你可以做这样的事情:

if ($("option#mySelect").length === 0) {
    $("#mySelect").css('display', 'none'); 
    // this hides the select if it's empty
    // if you want to disable, comment the previous line 
    // and uncomment the next one
    // $("#mySelect").prop('disabled', 'disabled');
}

您还可以在 $(#mySelect) 中查找子项。你可以有相反的功能(从禁用选择开始并通过 jquery 启用它):

$("#mySelect").css('display', 'block') // or 'inline' or...
$("#mySelect").prop('disabled', false); // for enabling

记得在必要时调用它。