dropdown(id, option1, option2, ..., optionX) 创建下拉选框

功能分类： UI Controls Applab JavaScript 少儿编程

在默认的（0,0）位置，创建一个指定 id 以及显示指定选项 options 的 dropdown 下拉选框。

除了使用基本不限定输入内容的文本输入框：textInput()，有时候你还需要用户输入一些限定选项的信息。这种时候就可以考虑使用 dropdown 下拉选框。你可以为下拉选框写代码进行相关事件的处理响应。也可以使用 getText() 方法来获取当前下拉选框内选择内容的文本信息。

示例代码


// 通过下拉选框获取用户心情
dropdown("id", "happy", "sad");
onEvent("id", "change", function(event) {
  write(getText("id"));
});

示例代码：用户信息收集 为页面下拉选框创建文本标签并关联。定义事件响应并获取控件属性信息。


// 为页面下拉选框创建文本标签并关联。定义事件响应并获取控件属性信息。
textLabel("yearLabel", "What is your year in school?");
dropdown("yearId", "Freshman", "Sophomore", "Junior", "Senior");
button("submitID", "Submit");
onEvent("submitID", "click", function(event) {
  console.log(getText("yearId"));
  setText("yearId", "Freshman");
});

语法规则


dropdown(id, option1, option2...)

参数说明

名称 类型 必需 参数描述
id string Yes dropdown 下拉选框 的 id 唯一标识。在事件响应处理时以及其他涉及修改控件属性的方法里，通过这个 id 可以唯一定位到控件。必须以字母开头，不能包含空格，可以包含字母、数字、减号 - 以及下划线 _ 。
option1 string Yes 在 dropbown 下拉选框 选项上显示的文本。
option2 string No 在 dropbown 下拉选框 选项上显示的文本。

返回值

没有返回值。只在显示结果页面体现代码执行前后变化。

提示说明

  • 如果在屏幕的（0,0）位置已经有别的控件，dropdown 下拉选框 会被放置到原有控件的右侧或下方，紧挨原有控件放置。
  • 可以用于修改显示控件属性的方法有：setText()、showElement()、hideElement()、deleteElement()、setPosition()、setSize()。
  • 可以用于获取显示控件状态或属性值的方法有：getText()、getXPosition()、getYPosition()。
  • 使用 dropdown 下拉选框 时，一般应该与一个 textLabel 文本标签 搭配使用，以提示用户进行操作。
  • dropdown 下拉选框 也可以在 设计 模式下通过拖拽的方式添加到屏幕页面，并设置其属性。

查看更多少儿编程教程、JavaScript 介绍

返回文档首页