龙空技术网

第13节-下拉列表DropdownList | 剑雨Axure RP9系列「基础」

剑雨老师 157

前言:

而今我们对“htmldropdownlist样式”都比较讲究,看官们都想要分析一些“htmldropdownlist样式”的相关资讯。那么小编在网络上搜集了一些对于“htmldropdownlist样式””的相关文章,希望同学们能喜欢,姐妹们一起来学习一下吧!

下拉列表,又称下拉框,是一个可切换列表,其中包含多个选项,一次只能选择一个选项。

当你需要从多个答案中选中某一个时,可以采用此部件。比如国家的选择/地区的选择等。

添加,删除和重新排序Droplist选项

9DropList.png

元件添加:直接从左侧元件库上拖入;下拉列表的编辑:直接双击Droplist;选项的添加:点击左侧上方添加按钮(上图中第一个红框);选项内容的编辑:点击左侧上方的编辑多项按钮 (上图中第二个红框)选项内容的输入:可直接右侧弹出窗口中输入;选项的排序:选中某一个选项后,使用上方的上移或下移箭头;选项的删除:选中某一个选项后,点击上方的删除按钮。

定义默认选项

通常,第1个选项为默认选项;

自定义选项:直接在选项前打上对勾。

注意:若需要设置默认选项为空白选项,则将该选项的内容输入为一个空格

9DropListDefault.png

特殊交互

针对下拉列表的特殊交互选项改变时, 可运用此交互来设置对应选项的交互事件。

可以设置全局变量将值传送至其他页面;可以在交互事件选项改变时中设置条件,来触发其他元件的样式或动作。

9DropListInteraction.png

下拉框的<font color=red>提交按钮</font>

当鼠标进入下拉框的范围(获取焦点)时, 按住Enter键可以触发另一个元件的鼠标单击事件(OnClick事件), 这一个元件称为提交按钮(submit button)。

为下拉框指定提交按钮的方法:选中下拉框后,单击右侧的选项,下方的“提交按钮”,在下拉菜单中选择要触发的元件。

9DropListSubmitButton.png

标签: #htmldropdownlist样式