JavaScript:Библиотеки/p5.dom/createSelect()

Материал из Онлайн справочника
Версия от 20:33, 21 сентября 2018; Myagkij (обсуждение | вклад)
(разн.) ← Предыдущая версия | Текущая версия (разн.) | Следующая версия → (разн.)
Перейти к навигацииПерейти к поиску

Перевод: Максим Кузьмин
Проверка/Оформление/Редактирование: Мякишев Е.А.


Черновик


createSelect() [1]

Описание

Создает в DOM выпадающее меню при помощи элемента <select></select>. Кроме того, если вы имеете дело с уже созданным выпадающим меню в виде объекта p5.Element, функция createSelect() помогает использовать на нем методы для работы с выпадающим меню.

Чтобы воспользоваться этой функцией, необходимо подключить библиотеку p5.dom. Для этого в заголовке своего файла «index.html» впишите следующее:

<script language="javascript" type="text/javascript" src="path/to/p5.dom.js"></script>

Синтаксис

createSelect([multiple])
createSelect(existing)

Параметры

multiple  если поставить здесь «true», в этом выпадающем меню можно будет выбрать не один, а несколько элементов одновременно. Тип данных  boolean
existing  выпадающий список из DOM. Тип данных  объект

Возвращаемое значение

p5.Element

Пример

var sel;

function setup() {
  textAlign(CENTER);
  background(200);
  sel = createSelect();
  sel.position(10, 10);
  sel.option('pear');
  sel.option('kiwi');
  sel.option('grape');
  sel.changed(mySelectEvent);
}

function mySelectEvent() {
  var item = sel.value();
  background(200);
  text('it is a' + item + '!', 50, 50);
}

См.также

Внешние ссылки