实际上,我在使用渲染模板添加动态内容时遇到了问题。
弹出框调用:
$(selectorId).popover({
placement: 'bottom',
title: 'New Post',
html: 'true',
content: _template,
container: 'body',
});
呈现的 HTML 模板
<div>
<label>Name</label><input type="text" name="name" id="name" />
<label>Message</label><input type="text" name="message" id="messgae" />
<label>Select Article</label><select name="article" id="article"></select>
<input type="button" value="submit">
</div>
只需要专注于“文章”。选择框在模板中为空,渲染后我试图附加文章数据,但它不起作用。
将数据库中的数据附加到选择框
$.each(articles,function(){
$("#article").append(this.articleName);
});
文章是一个 JSON 数组
[
{
'id': 1,
'articleName': 'article1'
},
{
'id': 2,
'articleName': 'article2'
},
{
'id': ,
'articleName': 'article3'
}
]
问题:选择框显示为空。
目标:无论何时打开弹出框,用户都可以从选择框中选择文章。