javascript - 使用从模态表单中选择的值将值附加到主表单

Question

我有一个视图，让用户从模式表单中选择一个电子邮件地址并更新主表单文本框中的值

   <div class="editor-label">
        <%: Html.Label("Additional Email Address") %>           
    </div>

    <div class="editor-field modADLookup">          
        <%: Html.TextBoxFor_Readonly(model => model.AdditionalEmailsSentTo, new {@class = "adEmail", style = "width:500px; height:40px;" })%>
        <%: Html.SecurityTrimmedActionButton(true, "Search Active Directory", "Index", "ActiveDirectory", null, "clsSearchButton")%>
    </div>

假设我选择电子邮件 abc@abc.com，文本框加载值“abc@abc.com”，现在当我下次选择 xyz@xyz.com 时，它会将“abc@abc.com”替换为“xyz@xyz.com”。

我正在寻找的是一种附加电子邮件地址并让文本框保留现有电子邮件 ID 的方法。

例如：在第二次选择之后它应该有“abc@abc.com, xyz@xyz.com”。

如何在主窗体中进行附加？

谢谢苏

Answer 1

选择正确的值后，通过 jquery 捕获该值并将其附加到 AdditionalEmailsS​​entTo 文本框。

例如，当您选择一封电子邮件时，您会执行以下操作：

$("#SelectListThatContainsValues").change(function() {
    var newvalue = $(this).val();
    var currentValue = $("#AdditionalEmailsSentTo").val();
    $("#AdditionalEmailsSentTo").val(currentValue + "," + newValue);
});