레퍼런스 createSelect()

createSelect()

드롭다운 메뉴 <select></select> 요소를 생성합니다.

매개변수는 선택적(optional)입니다. let mySelect = createSelect(true)처럼 true가 전달된다면, 드롭다운은 여러 항목을 선택하는 것이 가능해집니다. 만약 let mySelect = createSelect(otherSelect)과 같이 기존에 있던 <select></select> 요소가 전달된다면, 기존 요소는 새로운 p5.Element 객체로 감싸집니다.

드롭다운은 옵션을 관리하는 몇 가지 메서드를 통해 p5.Element 클래스를 확장합니다:

  • mySelect.option(name, [value])은 메뉴에 옵션을 추가합니다. 첫 번째 매개변수 name은 옵션의 이름과 값을 설정하는 문자열입니다. 두 번째 매개변수 value는 선택적(optional)입니다. 이 변수가 전달된다면, 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
Boolean:

여려 항목을 선택할 수 있는지에 대한 여부

existing
Object:

감싸고자 하는 셀렉트 요소. p5.Element이거나 HTML Select 요소

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!

관련 레퍼런스