jQuery：重新启用选定和禁用的选项

Question

我正在尝试从下拉列表中重新启用选定和禁用的选项，一旦它们从添加的列表中“删除”即可。\n任何人都可以帮助我吗？非常感谢。\n以下是我到目前为止所得到的，这里是http://jsfiddle.net/N2jyy/2/演示页面。

\n\n

$(document).ready(function() {\n    $(\'#Add-btn\').live(\'click\',function() {\n        $(document.body).append($("<div>"));\n            var a = $(\'#a\').val();\n            $("#tabName tr:first").before("<tr><td class=\'greyed\'><input type=\'hidden\' name=\'added_a\' value=\'" + a + "\'>" + a + "</td><td style=\'background:transparent;\'><input type=\'button\' class=\'delete\' value=\'Remove\'></td></tr>");\n            $("#a option:selected").attr("disabled", true);\n    });\n    $(\'#tabName td .delete\').live(\'click\',function() {\n        // here I want to re-enable the select option ...removeAttr(\'disabled\');\n        $(this).parent().parent().remove(); \n        return false;\n    });\n});\xe2\x80\x8b\n

\n

Answer 1

你可以这样做：

$('#tabName td .delete').live('click',function() {
    var val = $(this).closest('tr').remove().find('input').val();
    $("#a option[value='" + val + "']").attr("disabled", false);
    return false;
});

在这里尝试一下，这会做什么，它会上升到<tr>然后下降到<input>同时删除<tr>，然后我们使用该值来选择您想要重新启用的选项。