如何通过文本框和“添加”按钮在表中显示值？

Question

在此处输入图片说明

我想通过文本框和“添加”按钮在表的行中显示值。 有标题名称Party ID，当我单击删除符号时，应将其删除，但剩余值应显示在表中。

在数据库中，这些值将存储为逗号分隔的值。

在此处输入图片说明

        //party Id
        td11 = $('<TD/>')
                    .append($('<input/>').attr({'id': 'customerPartyId', 'type': 'text', 'class': 'customerDealId', 'maxlength': '10'}).val(customer.partyId).prop("readonly", true))
                    .append(
                        $('<input/>').attr({'id': 'savePartyId', 'type': 'button', 'value': 'Edit', 'class': 'button primary slim product-message-btns'})
                        .click(function(){

                            $(this).parent().find("#partyIdMsg").html();
                            $(this).blur();

表中的标题名称， 聚会ID ， 文本框和按钮名称ADD所有文本框数据应在表中显示

当我在文本框中输入值时，数据应作为逗号分隔的值插入数据库的表中，并在单列party id