jQuery填充输入字段和summernote

Question

我需要填充输入字段和summernote，但在输入和summernote上显示不同的文本。

我能够使用jQuery来为不同的按钮链接指定一个特定的函数，因此例如BTNLINK-1将在SUBJECT和AABB中显示文本AAAnote，BTNLINK-2将显示BBB文本Summernote中的SUBJECT和BBCC等。下面是我怎么做的一个示例代码：

<div class="form-group"> 
<label for="name">Template</label><br> 
<a class="btn btn-default" id="btn1">Template1</a> 
<a class="btn btn-danger" id="btn2">Template2</a> 

<div class="form-group"> 
<label for="subject">SUBJECT:</label> 
<input type="text" name="subject" class="form-control" id="subject" placeholder="Write your subject" required/> 

<div class="form-group"> 
    <label for="message">Message:</label> 
    <textarea class="input-block-level summernote-modal" id="textfield" name="message"></textarea> 
</div> 

jQuery代码：

$(document).ready(function(){ 
$("#btn1").click(function(){ 
    $("#subject").val("AAA"); 
    $(".summernote-modal").summernote('code', '<p>AABB</p>'); 
}); 
$("#btn2").click(function(){ 
    $("#subject").val("BBB"); 
    $(".summernote-modal").summernote('code', '<p>BBCC</p>'); 
}); 
} 

现在的按钮已经成为8和我们计划增加更多，所以这个解决方案需要al在窗体中的空间。 你能帮我转换链接到下拉列表，所以当我从列表中选择一个项目时，它会自动更新输入字段和Summernote字段？

我试过已经在Stackoverflow上有一些可用的选项，我可以填充输入字段的值，但不保留总是空白的Summernote字段。

我知道我应该添加一些变量每种情况下选择下拉列表中，我只是停留...

感谢