2017-05-29 4 views
0

Ich muss ein Eingabefeld und ein Summernote insgesamt füllen, aber unterschiedliche Text auf der Eingabe und auf der Summernote zeigen.jQuery füllen ein Eingabefeld und summernote

Ich war in der Lage, die Bevölkerung mit jQuery und zuweisen eine bestimmte Funktion zu verschiedenen Button-Links, so zum Beispiel BTNLINK-1 wird Text AAA in SUBJECT und AABB in der Summernote Feld zeigen, zeigt BTNLINK-2 Text BBB in SUBJECT und BBCC in der Summernote und so weiter. Unten ist ein Beispielcode, wie ich tat, dass:

<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> 

Der Code 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>'); 
}); 
} 

Jetzt haben die Tasten 8 geworden, und wir planen, mehr hinzuzufügen, so dass diese Lösung al ot des Raumes in der Form. Können Sie mir bitte helfen, von Links zu einer Dropdown-Liste zu konvertieren, wenn ich also ein Element aus der Liste auswähle, wird es automatisch das Eingabefeld und das Feld Summernote aktualisieren?

Ich habe bereits einige Optionen auf Stackoverflow versucht, wo ich den Wert des Eingabefeldes, aber nicht das Feld Summernote, das immer leer blieb, füllen konnte.

Ich verstehe, dass ich für jeden Fall bei der Auswahl der Dropdown einige Variablen hinzufügen sollte ich gerade bin stecken ...

Dank

+0

Also sollten Sie ein Dropdown zu Ihrem HTML hinzufügen und die Änderung an Ihrem Javascript von '' zu verwenden '