HTMLのJS Enum値にアクセス

Question

私はタグを使用するフォームを作成しています。私にはVal1、Val2、およびVal3の値を持つmyEnumと呼ぶ列挙型があります。私はそのようなenumからselectタグ値のオプションを割り当てたい：

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

これを行うための正しい構文は何ですか？別のオプションは、実行時に値を割り当てるためにjQueryの/ Javascriptを使用することです

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

：

Answer 1

1つのオプションは、JavascriptのブロックにあなたのHTMLからこのような何かを印刷することです。

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

そして$(document).readyブロックに次の

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

Answer 2

あなたがそのようなHTMLで直接JS変数を使用することはできません、あなたは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