javascript - jquery/javascript 启用和禁用选择菜单。我究竟做错了什么？

Question

这是非常标准的东西，我不明白为什么它不起作用。当调用启用函数时，我收到警报，但选择字段仍处于禁用状态。有什么想法吗？

$(window.document).ready(function() {
    $('#selectmenu1').attr('disabled','true');
    $('#selectmenu2').attr('disabled','true');
    $('#selectmenu3').attr('disabled','true');
});

function enableCoreChange(){
    alert('called');
    $('#selectmenu1').attr('disabled','false');
    $('#selectmenu2').attr('disabled','false');
    $('#selectmenu3').attr('disabled','false');
}

点击事件:

<a href="#" onclick="enableCoreChange();">Click here to enable</a>

这让我发疯!

Answer 1

传递一个 bool 值，而不是字符串，作为 .attr() 的第二个参数。

$(function() { // use document ready shorthand
    // combine the selectors to stay DRY
    $('#selectmenu1, #selectmenu2, #selectmenu3').attr('disabled', true);
});

function enableCoreChange() {
    $('#selectmenu1, #selectmenu2, #selectmenu3').attr('disabled', false);
    // alternately:
    $('#selectmenu1, #selectmenu2, #selectmenu3').removeAttr('disabled');
}

还要注意其他常规样式改进。