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字段。

我知道我應該添加一些變量每種情況下選擇下拉列表中，我只是停留...

感謝