2017-05-29 7 views
0

入力フィールドとsummernoteをまとめて入力する必要がありますが、入力とsummernoteに異なるテキストを表示する必要があります。jQueryは入力フィールドとsummernoteを設定します

私は、jQueryを使用して母集団を行い、異なるボタンリンクに特定の機能を割り当てることができました。たとえば、BTNLINK-1はSUBJECTのテキストAAAとSummernoteフィールドのAABBを表示し、BTNLINK-2はテキストBBBを表示しますSUBJECTとBBCCのようにSummernoteのように。

<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、私たちになってきた下記の私がいることをやったかのサンプルコードはありますもっと追加する予定だから、この解決策はフォーム内のスペースのot。 リンクからドロップダウンリストへの変換を手伝ってください。リストから項目を選択すると、自動的に入力欄とSummernote項目が更新されますか?

私は入力フィールドの値を入力することができますが、空白のまま残っているSummernoteフィールドではなく、Stackoverflowで利用できるいくつかのオプションを試しました。

私はあなたがid属性=「yourSelect」と選択ボックスを持っていたと仮定すると...私はドロップダウンの選択に各ケースのためのいくつかの変数を追加する必要があることを、私はこだわっている

おかげ

+0

あなたのHTMLにドロップダウンを追加すると、 ' 'から'