在HTML中訪問JS枚舉值

Question

我正在製作一個使用標籤的表單。我有一個枚舉，我現在要叫myEnum，值爲Val1,Val2和Val3。我想從enum中選擇標記值中的選項，如下所示：

<select> 
    <option value=myEnum.Val1>Text Goes Here</option> 

這樣做的正確語法是什麼？

Answer 1

一種選擇是打印出你的HTML在JavaScript塊，這樣的事情：

document.write('<select><option value="' + myEnum.Val1 + '">Text</option>...'); 

另一種選擇是使用jQuery/Javascript來運行期間分配的值。

<select><option id="option1">Text</option>... 

而且在$(document).ready塊以下：

$("#option1").attr("value", myEnum.Val1); 

Answer 2

不能使用JS變量直接在HTML一樣，你必須通過JavaScript來填充選擇。

var myEnum = ["January","February","March"]; 
var select = document.querySelector('select'); 

function createOption(optionValue, index) { 
    var option = document.createElement('option'); 
    option.value = index; 
    option.innerHTML = optionValue; 
    select.appendChild(option); 
} 

myEnum.map(createOption); 

您可以檢查codepen