Question

你好Stackoverflow！

今天我尝试使用drop-down menu制作array。它确实有效，但此后发生的问题是定义values打印的array。

截至目前，这是关于drop-down menu的代码。

HTML

<select id="selectDestinasjon">
    <option>Velg ett sted</option>
</select>

的Javascript

var select = document.getElementById("selectDestinasjon");
var options = ["Konsberg", "Trysil", "Beitostølen"];
for (var i = 0; i < options.length; i++) {
  var opt = options[i];
  var el = document.createElement("option");
  el.textContent = opt;
  el.value = opt;
  select.appendChild(el);
}

但是我想给每个选项一个值，以后我可以在计算器中使用，因为我想制作一个预订服务，其中每个选项都有不同的值，计算器从当前选择的选项中检索信息，设置一个价格取决于所选的选项。

如果有任何不清楚或太详细的问题，请询问，我会尽力解释。

的jsfiddle https://jsfiddle.net/a3pe6zcu/

Answer 1

你正在寻找这样的东西吗？我已更新您的数据以保存地点的价格和名称。现在，选择将文本作为地点，将价格作为值。 Updated fiddle

var select = document.getElementById("selectDestinasjon");
var options = [{"place": "Konsberg","price":"$20"}, {"place":"Trysil","price":"$30"}, {"place":"Beitostølen","price":"$40"}];
for(var i = 0; i < options.length; i++) {
var opt = options[i];
var el = document.createElement("option");
el.textContent = opt.place;
el.value = opt.price;
select.appendChild(el);
}

使用数组下拉菜单，定义每个选项的值

1 个答案: