首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >本周作业--弹出窗口 beta1.0--讲解(1)

本周作业--弹出窗口 beta1.0--讲解(1)

作者头像
web前端教室
发布2018-02-06 14:30:31
5190
发布2018-02-06 14:30:31
举报

看作业需求:

1,添加一个自定义的下拉列表,里面可以选择城市,城市名自选;

2,选择不同城市,弹出窗口的内容区显示不同城市名;

3,在城市名的下一行,是城市的tab标签的输入框。

即你对城市的看法,好看啊,不好啊,挤啊,堵车啊,,之类的

4,输入文字后,焦点离开输入框的时候,在下方添加一个兴趣的按钮。

多了不讲,就单说第一条需求,它事实上是一个按钮,和一个隐藏的DIV,DIV里面有一排UL LI的列表。当你点击这个按钮的时候,这个DIV列表显示。这二个组合到一起,不就是一个select的下拉列表了么。

然后把这个下拉列表放在上周的那个弹出窗口里。

流程就是这样:

当你点击页面上的按钮的时候,弹出窗口显示。同时它里面的自定义select也同时显示出来了。

那这个时候,你点击这个按钮,它的下拉列表不就显示出来了么!

本文参与 腾讯云自媒体分享计划,分享自微信公众号。
原始发表:2016-06-07,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 web前端教室 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档