Javascript Jquery将项从选择框移动到表，然后再返回。。。不为我工作

我有一个独特的任务表，下面是一个可以添加的任务下拉列表

我希望下拉列表和表格是动态的，因为任务不能同时在下拉列表和表格中

因此，dropdownlist只包含表中尚未包含的任务

因此，如果我选择一个任务并单击add，它将移动到表中，不再在下拉列表中。但是如果我从表中删除任务，它应该返回到下拉列表中。如果行已经在表中，即在初始页面加载中，则此功能有效，但是如果我向表中添加一行并将其删除，则不会进入下拉列表

下面是从下拉列表移动到表的js代码

$('#addTaskButton').on('click',function() {
    var taskId = $('select[id=processorTasksId]').val();
    if (taskId == 0) {
        return;
    }
    var task = $( "#processorTasksId option:selected" ).text();
    $('#tasksTable').append('<tr><td>' + taskId + '</td>'
            + '<td>' + task + '</td>'
            + '<td contenteditable=\'true\'>0</td>'
            + '<td><input type="button" value="X"></td></tr>');

    $( "#processorTasksId option:selected" ).remove();
});

---

关于如何修复它，有什么想法吗？

问题在于作为脚本的一部分添加到表中的td缺少类。请检查下面的工作代码

$function{ $'addTaskButton'。单击，函数{ var taskId=$“选择[id=processorTasksId]”。val； 如果taskId==0{ 回来 } var task=$processorTasksId选项：selected.text； $'tasksTable'。追加+taskId+ ++任务+ + '0' + ; $ProcessorTaskId选项：选中。删除； }; $'tasksTable'。单击“输入[type=button]”，函数{ var taskId=$this.closest'tr'.children'td.taskIdCol'.text； var taskscription=$this.closest'tr'.children'td.taskscriptioncol'.text； $this.最近的'tr'。删除； console.logid=+taskId； console.logdesc=+任务描述； $'ProcessorTaskId' .附加$ .attrvalue，taskId .texttaskDescription； }; }; 1. 2. 3.

---

问题在于作为脚本的一部分添加到表中的td缺少类

$function{ $'addTaskButton'。单击，函数{ var taskId=$“选择[id=processorTasksId]”。val； 如果taskId==0{ 回来 } var task=$processorTasksId选项：selected.text； $'tasksTable'。追加+taskId+ ++任务+ + '0' + ; $ProcessorTaskId选项：选中。删除； }; $'tasksTable'。单击“输入[type=button]”，函数{ var taskId=$this.closest'tr'.children'td.taskIdCol'.text； var taskscription=$this.closest'tr'.children'td.taskscriptioncol'.text； $this.最近的'tr'。删除； console.logid=+taskId； console.logdesc=+任务描述； $'ProcessorTaskId' .附加$ .attrvalue，taskId .texttaskDescription； }; }; 1. 2. 3.

---

请加一把小提琴。我们也需要你的HTML代码。请添加一个提琴。我们也需要你的HTML代码。

$('#tasksTable').on('click', 'input[type="button"]', function(){

       var taskId = $(this).closest('tr').children('td.taskIdCol').text();
       var taskDescription = $(this).closest('tr').children('td.taskDescriptionCol').text();
       $(this).closest('tr').remove();
       console.log("id = " + taskId);
       console.log("desc = " + taskDescription);

       $('#processorTasksId')
        .append($("<option></option>")
                   .attr("value",taskId)
                   .text(taskDescription));
    });

id = 
desc =