创建OPTION元素和功能

时间:2019-02-12 13:55:31

标签: javascript

我正在用JavaScript构建一个 Currency Converter 应用,并且在创建了populateCurrencies箭头函数之后,我想为{中的每个项目创建一个OPTION元素{1}}数组,并在已声明的currencies函数内调用populateCurrencies函数。我该怎么做?

1 个答案:

答案 0 :(得分:0)

要创建option元素,请使用Option构造函数:

var option = new Option(text, value); // value is optional, defaults to matching text

...或createElement

var option = document.createElement("option");
option.value = value;
option.textContent = text;

实时示例:

var select = document.getElementById("the-select");

select.options.add(
  new Option("Option 1", "value1")
);

var option = document.createElement("option");
option.value = "value2";
option.textContent = "Option 2";
select.options.add(option);
<select id="the-select" size="3"></select>