Question

我正在制作一个使用该标签的表单。我有一个枚举，我现在称之为myEnum，其值为Val1，Val2和Val3。我想从枚举中选择select标签值中的选项：

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

这样做的正确语法是什么？

Answer 1

一种选择是在Javascript块中打印出您的HTML，如下所示：

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

你不能直接在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

上查看更完整的示例

访问HTML

2 个答案: