Строковая интерполяция с HTML-текстом формы

Question

Строковая интерполяция с HTML-текстом формы

1

Я хотел бы вставить переменные в фрагмент html-текста, например

<form action="#" method="post">
    <textarea class="form-control" name="comment" id="editComment25"></textarea > 
    <br>
    <button class="btn btn-primary" id="commentBtnID25">Save Edits</button >
    <a href="#">cancel</a>
</form >

Я попытался с неуклюжим решением:

var comment_id = $(e.target).attr("id")
var editCommentID = "editComment" + comment_id
var commentBtnID = "commentBtnID" + comment_id
var commentEditForm = '<form action = "#" method = "post"><textarea class="form-control" name ="comment" '
commentEditForm += 'id="' + editCommentID + '"></textarea > <br>';
commentEditForm += '<button class="btn btn-primary" id="' + commentBtnID + '">Save Edits</button > <a href="#">cancel</a></form >'

Возможна ли интерполяция здесь, как в python?

commentEditForm = """"
    <form action="#" method="post">
        <textarea class="form-control" name="comment" id="%s"></textarea > 
            <br>
            <button class="btn btn-primary" id="%s">Save Edits</button >
            <a href="#">cancel</a>
    </form >
    """ %(editCommentID, commentBtnID)

JawSaw 16 июль 2018, в 05:46

Источник

Теги:

javascript

1 ответ

Ещё вопросы

CertainPerformance · Accepted Answer · 2018-07-16T01-54-00.000Z

Вероятно, было бы проще использовать литерал шаблона для определения нужной строки сразу:

var comment_id = '25'; // $(e.target).attr("id")
var commentEditForm = '
<form action="#" method="post">
    <textarea class="form-control" name="comment" id="editComment${comment_id}"></textarea > 
    <br>
    <button class="btn btn-primary" id="commentBtnID${comment_id}">Save Edits</button >
    <a href="#">cancel</a>
</form >
';
console.log(commentEditForm);