드롭다운 메뉴 <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!