更改列表中不可用的选择的值

Question

我有这个问题：

HTML：

<select class="form-control" id="responsible" name="responsible">
    <option selected="<%= vul.responsible %>"> <%= vul.responsible %></option>
    <option value = "Person1">Person1</option>
    <option value = "Person2">Person2</option>
    <option value = "Person3">Person3</option>
    <option value = "Person4">Person4</option>
    <option value = "Person5">Person5</option>
    <option value = "Person6">Person6</option>
    <option value = "Person7">Person7</option>
</select>

现在我需要，如果有人想编辑一个注册，请点击选择并选择他的名字。 但是......我需要在后端坚持像一个责任人名单，不只是一个。

所以我刚才这样做了：

$(document).ready(function(){
    var latestResponsible = $("#responsible").val()

    $('#editForm').submit(function() {
        if ($("#responsible").val() != latestWebSecResponsible) {
        textToAppend = latestWebSecResponsible + ',' +$("#responsible").val();
        $("#responsible").val(textToAppend).change();
        console.log($("#WebSecResponsible").val())
        }
    });
});

这打印为空。

我研究了一下，看到我不能附加一个不在列表中的值。

例如： 选择具有可能值“Xman”，“Yman”和“Zman” 然后我想改变选择的值，如“Xman-Yman”。

有些想法？ 谢谢 ！！