將多個變量轉換爲選項值

-1

我有一個簡單的表單，其中有一些選項默認情況下處於禁用狀態和灰顯狀態。將多個變量轉換爲選項值

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

它背後的想法是，我想這是由JQuery的定義多個變量越來越導入例如選擇1選項，以便鏈接到選擇1項列舉如下芒果。

我做了一個VAR：

var issueTemplates = [ 
    {'subject': 'This is a mango'} 
];

現在我想這個變量添加到選項值的下面（或鏈接）內選擇的芒果選項。我已經看過追加函數，但我似乎無法弄清楚如何弄清楚這個問題。

我在jquery中做了一個select請求，它在下拉窗體中添加了主題。但我想有它的芒果選項之下..

這是德碼

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

來源

2016-11-17 user3360442

這真的不是很清楚你想要什麼。一旦添加了附加變量，你可以發佈一個'select'元素的例子嗎？ – sideroxylon

添加了jquery代碼。 – user3360442

這將讓你開始。如果您有其他選項數組，則可以遍歷select元素並通過索引-1加載。

$(document).ready(function() { 
 
    var fruit = ['mango', 'apple', 'pineapple', 'brocolli', 'peach', 'strawberry'] 
 
    $('#template option').each(function() { 
 
    val = $(this).val(); 
 
    $(this).after('<Option val = ' + val + '>This is a ' + fruit[val - 1] + '</option>'); 
 
    }); 
 
    console.log($('#template option')); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<select name="template" id="template" size="1"> 
 
    <option disabled selected value="1" name="1" id="1" class="bold-option">Mango</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>

來源

2016-11-17 09:42:02 sideroxylon

感謝您的回覆。我實際上有多個變種（主題）芒果。所以JQuery應該讀出這些並將它們放在芒果下，這些都是按名稱（主題）而不同的。例如 {'subject'：'This is a mango'} {'subject'：'Hello There'} {'subject'：'Example'} 這些都應該添加到芒果下面。 – user3360442

將多個變量轉換爲選項值

回答

相關問題