Добавление динамического содержимого в обработанный шаблон начальной загрузки

Question

На самом деле я столкнулся с проблемой при добавлении динамического содержимого с визуализированным шаблоном.

поповер Вызов:

$(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' 

    } 
] 

Задача: Выбрать окно показывает пустой.

Цель: всякий раз, когда открывается popover, пользователь может выбрать статью из окна выбора.

Answer 1

Вы добавления названия статьи, чтобы выбрать поле, в то время как вы должны добавить варианты там как HTML

Так оно и должно быть что-то вроде этого:

$.each(articles,function(){ 
    $("#article").append("<option value='"+this.articleName+"'>"+this.articleName+"</option>"); 
}); 

Update:

Другая проблема может быть, что вы пытаетесь добавить опции для выбора окна, пока он еще не существует на странице. Таким образом, если вы добавление шаблона в виде строки (через свойство «содержание»), вы можете сначала составить TEM пластины с необходимыми выбрать опции:

var _template = "<select>"; 
$.each(articles,function(){ 
    _template +="<option value='"+this.articleName+"'>"+this.articleName+"</option>"; 
}; 
_template+= "</select>"; 

или вы можете также использовать свойство «контейнера» и передать