javascript - 使用 Jquery 将文本框值附加到 Summernote Textarea

Question

我刚开始使用 Summernote Textarea ，并且在向 Summernote Textarea 传递值时遇到困难。尝试使用传统的 .html()、.text() 和 .val() 来传递下拉列表的值并将其附加到文本区域内。这是我的代码集

 $("#btnAddVariable").click(function (e) {
                var eVariable = $("#EmailVariable option:selected").val();
                $("#EmailMessage").val(eVariable);
                $("#EmailMessage").text(eVariable);
                alert(eVariable);
            })

我的下拉列表

<div class="form-group">
                                @Html.LabelFor(model => model.EmailVariable, htmlAttributes: new { @class = "control-label col-md-2" })
                                <div class="col-md-6">
                                    @Html.DropDownListFor(model => model.EmailVariable, new SelectList(ViewBag.emailVariables, "Value", "Text"), "Please Select", htmlAttributes: new { @class = "form-control" })
                                   @* @Html.DropDownList(model => model.EmailVariable, new SelectList(ViewBag.emailSender, "Value", "Text"), "Please Select", htmlAttributes: new { @class = "form-control" })*@

                                </div>
                                <div class="col-md-2">
                                    <input type="button" id="btnAddVariable" value="Add Variable" class="btn btn-primary chosen" />
                                </div>
                            </div>

和我的 Summernote 文本区域

<div class="form-group">
                                @Html.LabelFor(model => model.EmailMessage, htmlAttributes: new { @class = "control-label col-md-2" })
                                <div class="col-md-8">
                                    <div class="ibox-content no-padding">
                                        @Html.TextAreaFor(model => model.EmailMessage, new { @class = "summernote", rows = "5", cols = "90" })
                                    </div>
                                </div>
                            </div>

希望有人能帮助我解决这个问题。提前致谢

Answer 1

解决方案如下:

 $("#btnAddVariable").click(function (e) {
       var eVariable = $("#EmailVariable option:selected").val();
       $("#EmailMessage").val(eVariable);                    
       $(".summernote").summernote('code',eVariable); //add text to summernote
       alert(eVariable);
            });