Question

我在Google表格上使用

Answer 1

我会向选择标签添加一个ID，而不给options元素提供ID属性。如果您要使用代码向select标记添加选项，则无需输入预先存在的html标记

<select id="idWkChoice"><!-- select tag with only the first option -->
  <option value="" disabled selected>Choose week</option>
</select>

获取select元素，其中包含所有选项作为子元素。

var slctTagWeeks = document.getElementById('idWkChoice');//Get drop down element

在列表中添加选项

var slctTagWeeks = document.getElementById('idWkChoice');//Get drop down element
var option = document.createElement("option");
option.text = "Week 1";
option.value = "wk1";//Add a value code that is different than the show text
slctTagWeeks.add(option);

上面的代码将一个选项添加到了以前不存在的列表中。

然后您可以创建一个循环，并在列表中添加选项数量：

var option;
var slctTagWeeks = document.getElementById('idWkChoice');//Get drop down element

var weeks = {
  wk1:'Week One',
  wk2:'Week Two',
  wk3:'Week Three'
}

for (var k in weeks) {
  thisID = k;
  thisText = weeks[k];
  option = document.createElement("option");
  option.text = thisText;
  option.value = thisID;//Add a value code that is different than the show text
  slctTagWeeks.add(option);

}

Answer 2

解决方案是在选择标签中添加此类：“浏览器默认值”。

它取消了Materializecss框架所做的select元素到ul元素的转换。

因此，使用上面的代码，我现在动态地传递值。

设置<select>标签的选项文本（显示给用户）

2 个答案: