参考 createSelect()

createSelect()

创建一个下拉菜单<select></select>元素。

参数是可选的。如果传递了true,如let mySelect = createSelect(true),则下拉菜单将支持多选。如果传递了一个现有的<select></select>元素,如let mySelect = createSelect(otherSelect),则现有元素将被包装在一个新的p5.Element对象中。

下拉菜单扩展了p5.Element类,增加了一些管理选项的有用方法:

  • mySelect.option(name, [value])向菜单添加一个选项。第一个参数,name,是一个字符串,设置选项的名称和值。第二个参数,value,是可选的。如果提供了,它将设置对应于键name的值。如果一个选项的name已经存在,其值将被更改为value
  • mySelect.value()返回当前选中选项的值。
  • mySelect.selected()返回当前选中的选项。
  • mySelect.selected(option)默认选择给定的选项。
  • mySelect.disable()将整个下拉菜单元素标记为禁用。
  • mySelect.disable(option)将给定的选项标记为禁用。
  • mySelect.enable()将整个下拉菜单元素标记为启用。
  • mySelect.enable(option)将给定的选项标记为启用。

示例

语法

createSelect([multiple])
createSelect(existing)

参数

multiple
布尔:

支持多选。

existing
对象:

要包装的现有select元素,可以是p5.ElementHTMLSelectElement

Returns

p5.Element: 新的p5.Element对象。
Notice any errors or typos? Please let us know. Please feel free to edit src/dom/dom.js and open a pull request!

相关参考