Javascript 将多个变量转换为期权价值

我有一个简单的表单，其中包含一些默认禁用和灰显的选项

<select name="template" id="template" size="1" >
    <option disabled selected value="1" name="1" id="1" class="bold-option">Mango</option>
    <option class="select1"></option>
    <option disabled selected value="2" class="bold-option" >Apple</option>
    <option disabled selected value="3" class="bold-option">Pineapple</option>
    <option disabled selected value="4" class="bold-option">Brocolli</option>
    <option disabled selected value="5" class="bold-option">Peach</option>
    <option disabled selected value="6" class="bold-option">Strawberry</option>
</select>

现在，我想将此变量添加到select中芒果选项下方（或链接）的选项值中。我已经研究了append函数，但是我似乎不知道如何把它弄清楚

我在jquery中提出了一个select请求，它将主题添加到下拉表单中。但是我想把它放在芒果的下面

这是de代码

issueTemplates.forEach(function(item, idx) {       
 $("select[id='template']").append('<option value="' + idx + '">' + item.subject + '</option>');        

issueTemplates.forEach（函数（项，idx）{
$（“选择[id='template']”）。追加（“”+item.subject+“”）；

这将让您开始。如果您有一个附加选项数组，您可以迭代select元素并按索引-1加载

$（文档）.ready（函数（）{
var水果=[‘芒果’、‘苹果’、‘菠萝’、‘花椰菜’、‘桃子’、‘草莓’]
$（“#模板选项”）。每个（函数（）{
val=$（this.val（）；
$（this）.after（'这是一个'+水果[val-1]+''）；
});
log（$（“#模板选项”）；
})；

芒果
苹果
菠萝
西兰花
桃
草莓的

你想要什么真的不是很清楚。一旦添加了额外的变量，你能发布一个

select

元素的例子吗？添加了jquery代码。谢谢你的回复。我实际上有多个变量（主题）用于Mango。因此jquery应该读出这些变量并将它们放在Mango下，它们的名称都不同（主题）。例如{'subject'：'这是一个芒果'}{'subject'：'Hello There'}{'subject'：'example'}这些都应该添加到芒果下面。

issueTemplates.forEach(function(item, idx) {       
 $("select[id='template']").append('<option value="' + idx + '">' + item.subject + '</option>');