Javascript 如何对选择菜单进行排序（隐藏一些选项并显示其余选项）

我有一大堆选择菜单，id递增，从表1到表10 我感兴趣的是在js/jquery中创建一个函数，它允许我隐藏所有选择菜单中的一些选项，比如我给它们的类：一些来自类idi，一些来自类idc 我得到了用户想要的1到10个选择菜单的数量，然后我浏览了所有选择菜单，并希望筛选每个选择菜单中可用的选项：

<select name="dd" id="table1" class="form-control" style="display: none;">
    <option value="">Select the Table</option>
    <option class="idc" value="Areas_of_Interest.Area_of_Interest_Number">Areas of interest - Number</option>
    <option class="idc" value="Coupons.Coupon_Number">Coupons - Coupon Number</option>
    <option class="idc" value="Coupons.Description">Coupons - Description</option>
    <option class="idc" value="Coupons.Start_Date">Coupons - Start Date</option>
    <option class="idc" value="Coupons.End_Date">Coupons - End Date</option>
    <option class="idc" value="Coupons.Number_of_Pings_Sent">Coupons - Number of Pings Sent</option>
    <option class="idc" value="Coupons.Number_of_Coupons_Realized">Coupons - Number of Coupons Realized</option>
    <option class="idc" value="Coupons.Limit_Type">Coupons - Limit Type</option>
    <option class="idc" value="Coupons.Validity">Coupons - Validity</option>
    <option class="idc" value="Coupons_Statuses.Status">Coupons Statuses - Status</option>
    <option class="idc" value="Coupons_Statuses.Status_Description">Coupons Statuses - Status Description</option>
    <option class="idc" value="Customers.Customer_Name">Customer - CustomerNumber</option>
    <option class="idi" value="Groups.Group_Number">Groups - Group Number</option>
    <option class="idi" value="Groups.Group_Name">Groups - Group Name</option>
    <option class="idi" value="Locations.Location">Locations - Location</option>
    <option class="idi" value="Payment_Methods.Payment_Method">Payment_Methods - Payment_Method</option>
    <option class="idi" value="Payment_Methods.Description">Payment_Methods - Description</option>
    <option class="idi" value="Users.Phone_Number">Users - Phone Number</option>
    <option class="idi" value="Users.First_Name">Users - First Name</option>
    <option class="idi" value="Users.Surname">Users - Last Name</option>
    <option class="idi" value="Users.Address">Users - Address</option>
    <option class="idi" value="Users.Birth_Year">Users - Birth Year</option>
    <option class="idi" value="Users.Is_Group_Administrator">Users - Is Group Administrator</option>
    <option class="idi" value="Users.Pings_Counter">Users - Pings Counter</option>
    <option class="idi" value="Users.Group_Allowed_Size">Users - Group_Allowed_Size</option>                                                        
</select>

下面是我的js代码的一部分：

$(document).ready(function(){

    $("#ShowTables_rd").click(function(){
        /*var conceptName = $('#column-select').find(":selected").text();*/
        $("#HideTables_rd").click();
        var conceptName = $('#column-select').val();
            for(i=1; i<=conceptName; i++)
            {
                $("#table"+i).show();
            }

    });

    $("#HideTables_rd").click(function(){

        $("select[id^=table]").val('');
        $("select[id^=table]").hide();

    });
    $('#Users_data').click(function(){
        var temp;
        var conceptName = $('#column-select').val();
        for (i=1 ; i<=conceptName ; i++)
        {
            $("#table"+i).option
        }
    }); 

});

column select是用户希望使用的选择菜单的数量，如上所述，每个菜单都有自己的唯一id user_data是一个按钮的id，通过该按钮可以过滤所有菜单中的选项。

---

感谢所有提供帮助的人：

美元'table'+表号+'选项有什么问题。'+class\u to\u hide.hide；？完美的谢谢。