Jquery 我想使用相同的id销毁并重新创建表

linkForBC

是复选框id，如果我单击此复选框，我想创建新的表id选项列表

这是我的html设计

 <tr class="checkList">
          <td class="bcid">BC</td>
          <td>
            <table id="option_list" border="0" style="width:100%;" cellspacing="0">
              <tbody id="tbodyid">
              </tbody>
            </table>
          </td>
          <td></td>

若我单击，我想创建表，若我取消选中该表，它应该销毁该表，若我再次选中，我想创建表

 $('#linkForBC').live("click", function () {
        var itemsSelected = '';
        getDropDown(itemsSelected);
    });

function showEquipments(data, itemsSelected) {
    if (data == undefined) {
        return false;
    }
    var newLi = "<tr>";
    newLi += "<td style=text-align:left;padding-left:5px;width:70%;>";
    newLi += "<select id= test0 " + "  name='access' lang = " + "'" + "OPTIONS" + "'" + " class='types' multiple='multiple'  width='100%;' ";
    for (var k = 0; k < data.length; k++) {
        if (itemsSelected !== null && itemsSelected !== "" && itemsSelected.indexOf(data[k].Id) > -1) {
            var selected = "selected";
            newLi += "  <option id=" + data[k].Id + "  class='EquipmentOptions' value=" + data[k].Id + " " + selected + " >" + data[k].Name + " </option>";
        }
        else {
            newLi += "  <option id=" + data[k].Id + " class='EquipmentOptions' value=" + data[k].Id + " >" + data[k].Name + "</option>";
        }
    }

    newLi += "</select>";
    newLi += "</td>";
    newLi += "</tr>";
    $('#option_list').append(newLi);
    $("#test0").dropdownchecklist({
        onComplete: function (selector) {
            values = '';
            itemsToAdds = [];
            for (i = 0; i < selector.options.length; i++) {
                if (selector.options[i].selected && (selector.options[i].id != "")) {
                    if (values != "")
                        values += ";";
                    values += selector.options[i].id;
                    itemsToAdds.push(selector.options[i].id)
                }
                if (values) {
                }
            }
        }
    });

此方法用于创建表

 $('#linkForBC').live("click", function () {
        var itemsSelected = '';
        getDropDown(itemsSelected);
    });

function showEquipments(data, itemsSelected) {
    if (data == undefined) {
        return false;
    }
    var newLi = "<tr>";
    newLi += "<td style=text-align:left;padding-left:5px;width:70%;>";
    newLi += "<select id= test0 " + "  name='access' lang = " + "'" + "OPTIONS" + "'" + " class='types' multiple='multiple'  width='100%;' ";
    for (var k = 0; k < data.length; k++) {
        if (itemsSelected !== null && itemsSelected !== "" && itemsSelected.indexOf(data[k].Id) > -1) {
            var selected = "selected";
            newLi += "  <option id=" + data[k].Id + "  class='EquipmentOptions' value=" + data[k].Id + " " + selected + " >" + data[k].Name + " </option>";
        }
        else {
            newLi += "  <option id=" + data[k].Id + " class='EquipmentOptions' value=" + data[k].Id + " >" + data[k].Name + "</option>";
        }
    }

    newLi += "</select>";
    newLi += "</td>";
    newLi += "</tr>";
    $('#option_list').append(newLi);
    $("#test0").dropdownchecklist({
        onComplete: function (selector) {
            values = '';
            itemsToAdds = [];
            for (i = 0; i < selector.options.length; i++) {
                if (selector.options[i].selected && (selector.options[i].id != "")) {
                    if (values != "")
                        values += ";";
                    values += selector.options[i].id;
                    itemsToAdds.push(selector.options[i].id)
                }
                if (values) {
                }
            }
        }
    });

功能显示设备（数据、项目选择）{
如果（数据==未定义）{
返回false；
}
var newLi=“”；
newLi+=“”；
newLi+=“在

上使用

而不是
直播

$(function(){
    $('document').on('click','#linkForBC',function(){
          var itemsSelected = '';
          getDropDown(itemsSelected);
    })
})

获取下拉列表

function getDropDown(itemsSelected) {
 if ($('#linkForBC:checked').val()) {
    Enterprisegateway.Models.Constants.findOver({}, function (result) {
        for (var i in result)
            methodName = i;
        var res = IsValidSession(result[methodName]);
        if (res === false || res === "false") {
            $.hideprogress();
        }

        var json = $.parseJSON(result[methodName]);
        if (json === null || json === undefined || json === '') {
            $.hideprogress();
        }

        var result = json.Result;
        var data = json.Data;
        if (result === 0) {
            plantTypes = data;
        }
        showEquipments(data, itemsSelected);
    });

}
else {
    //$(".checkList tr").style.display = "none";
    $(".bcid").style.display = "none";
    $("#tbodyid").empty();
}

}

展示设备

function showEquipments(data, itemsSelected) {
    //  Create table and append 
}