javascript - 如何启用和禁用 jquery 中的下拉值

Question

这是脚本

$('#first').change(function(){

    switch ($(this).val())
    {
        case '1st':
            $('.1st').show();
            $('.2nd').hide();
            break;

        case '2nd':
            $('.1st').hide();
            $('.2nd').show();
            break;

        case '3rd':
            $('.3rd').hide();
            $('.3rd').show();
            break;

        case 'none':
            $('.1st').show();
            $('.2nd').show();
            break;
    }
});

http://jsfiddle.net/8ZVSu/3/

在第一个下拉列表中，给出了All, Edit, Delete, Modify。我需要这样的..

1. 如果我在第一个下拉列表中单击 All，它应该在第二个下拉列表中显示 All,051,052,111,123,222,444,555,777,888,911,999

2. 如果我在第一个下拉菜单中点击Edit，它应该显示第二个下拉列表中的 All,051,052,111,123,222,444,555,777,888,911,999。

3. 如果我在第一个下拉菜单中点击删除，它应该只显示第二个下拉列表中的 All。

4. 如果我在第一个下拉菜单中点击修改，它应该只显示第二个下拉列表中的 All。

我在这里几乎没有疑问。

Answer 1

试试这个:

$('#first').change(function(){
    $('#second option').hide(); // hide all options
    switch ($(this).val())
    {
        case '1st':
            $('.1st').show();
            break;

        case '2nd':
            $('.2nd').show();
            break;

        case '3rd':
            $('.3rd').show();
            break;

        case 'none':
           // show all options except for delete and modify
           $('#second option').not('.3rd, .2nd').show();
            break;
    }
});

Working JSFiddle