axure 9 如何根据下拉框选值,动态展现内容
一、遇到的问题:
在固定的文本框,需要根据选择的下拉框的值,显示不同的内容,通过axure画原型时该如何实现呢?
二、实现步骤
1、在axure中拖如一个下拉框,并填写候选值,如下图所示,
2、在页面中需要显示动态内容的地方,添加动态面板。
4、编辑动态面板,在动态面板中写入需要展示的一个或多个内容,不同的内容放在不同的状态下。双击打开动态面板,进入到state1的页面,并设计需要展示的页面。
编辑完状态1后,可以在状态选择的地方,点击新建状态,并编辑状态2的页面内容,具体操作如下
5、为下拉框增加事件,需要添加的单击鼠标事件-设置面板状态。然后给事件增加适用情况,即符合情况时才会发生相应的事件。
同样的操作再创建一个情形,如图所示
给情形2条件发生时,添加相应的动作,然后选择相应的动态面板,具体操作如下
三、效果描述
下拉框的选择的时“选项一”时,动态面板显示的是State1
的页面内容,当下拉框的选择是“选项二”时,动态面板展示的State2的页面,
axure 9 如何根据下拉框选值,动态展现内容相关推荐
- 下拉搜索词api接口、淘宝搜索下拉框选词api,淘宝下拉词接口,淘宝搜索的下拉词推荐接口、关键词推荐api
一.下拉搜索框选词api介绍 淘宝搜索下拉框选词是通过淘宝.天猫.手机润宝搜索下拉框查询淘宝搜索指数高.流量高.转化率高的关键词,并获取各关键词对应的在线相关宝贝数量及其推荐属性词.对于查询到的这些关 ...
- jq取html下拉框的值,jquery设置下拉框的值为空
用jquery如何将下拉选的值置为空? 当选择"是",主编码码制为必填:当选择"否",实现主编码码制值为空.该jquery提供了val()方法设置或返回表单字段 ...
- php怎么设置学年下拉框_php的下拉框的值
Joomla的15种字段类型是什么? Joomla现在有了自定义字段,可以添加到文章.用户配置文件和联系人表单中. 这是自Joomla 3发布以来最重要的新功能之一,它将改变许多Joomla站点的构建 ...
- form提交后,jquery 显示 文本框选择值和下拉框选中值
不用ajax ,而实现 提交form后,页面刷新后,把原来的 下拉框的值 文本值 赋值到对应项 window.load; function load(){ var monthN = docu ...
- 级联下拉框效果,动态加载图片
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/ ...
- jquery获取下拉框的值并传递给后端处理
2019独角兽企业重金招聘Python工程师标准>>> 由于前端页面用到了下拉框,此时需要获得下拉框里面具体的值,然后把值传递给后端处理. 处理思路如下: (1).首先在form表单 ...
- java 获取下拉框的值_java中怎么获取下拉框的值
展开全部 JComboBox有一个getSelectedItem()的方法得到选择的值和一个getSelectedIndex()得到选择值的索引.636f70793231313335323631343 ...
- FineReport 报表数据根据下拉框的值进行数据联动
FineReport 报表数据根据下拉框的值进行数据联动,不用点击查询按钮 1.新建数据库查询,获得数据. SELECT * FROM [销量] where 地区 ='${area}' 2.把需要展示 ...
- java 获取下拉框的值_Java获取下拉菜单选中的选项
提到这样一个需求"在新闻表中添加新闻分类的编号和名字",一般情况下我们将分类的ID放在下拉菜单选项的value中,此时需要获取选项的编号和名字,我们该怎么做呢?我常用的有如下两种方 ...
最新文章
- 机房收费系统系列一:运行时错误‘-2147217843(80040e4d)’;用户‘sa’登陆失败...
- 微信小游戏开发教程-2D游戏原理讲解
- 分享5个可视化的正则表达式编辑工具
- python数值运算符也叫内置运算符_Python全栈工程师(数值类型、运算符)
- 发布面向Outlook(RPC)的Exchange Server
- 【设计模式 05】工厂方法模式
- MSSQL · 最佳实践 · 利用文件组实现冷热数据隔离备份方案
- 数据库基础知识——参考数据库基本概念6版
- Centos7安装snmpwalk工具
- 自己写了一个小小的双色球号码随机生成器
- vue的echarts的折线图、柱状图、折线图的使用
- 2020.09.16 记录学习的点滴
- Mysql批量删除大量数据
- Balsamiq Mockups 便携版
- Linux 命令(179)—— nice 命令
- python下载微信公众号文章_一步步教你打造微信公众号文章爬虫(3)-批量下载
- FFmpeg的HEVC解码器源码简单分析:解码器主干部分
- 《程序员的数学1》读书笔记整理
- 一个普通玩家眼中的网博会
- 2020年度“全球酒店集团225强”排名公布,首旅如家再进榜单前十
热门文章
- 【金融量化】每一个优秀交易员注定是孤独的
- 企业局域网如何禁用360随身wifi、怎样屏蔽360随身wifi
- vb.net 如何实现报表打印_如何实现流水条码的特殊排版打印
- Cesium从入门到放弃9:近景天空盒(不改源码)
- python 图像cropping padding(skimage cv2)
- Error creating bean with name ,Unsatisfied dependency expressed through field
- Selenium:网页自动化测试代码(Python版)
- 安卓手游内存脚本开发!30岁以后搞Android已经没有前途?Android岗
- 园区智慧系统总体目标
- Python中有“不相等”的运算符吗?