功能分类: 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 下拉选框 选项上显示的文本。 |
没有返回值。只在显示结果页面体现代码执行前后变化。
设计
模式下通过拖拽的方式添加到屏幕页面,并设置其属性。