基于JavaScript实现单选框下拉菜单添加文件效果

本节讲述单选框/下拉菜单/添加文件，综合css，html和Javascript实现的，具体详情如下所示：

单选框：

实现的功能是：（类似平时的性格测试）
先隐藏一部分页面，然后通过点击单选框来显示。
再通过选项的选择-（每个选项有不同的积分）积分的多少来给出评语

演示代码：

您要参与问卷调查吗？


 是
 否




问卷调查内容:

您的姓名：

您的电话：


欢迎您参与性格测试
第一题：
您喜欢的水果是什么？

 葡萄
 西瓜
 苹果
 芒果
 樱桃




1-3分：你的性格偏内向，建议。。。
4分以上：你的性格偏外向，建议。。。

360浏览器8.1 演示结果：

一开始的页面：

单选框选中”是”：

不选中水果时的提示：

选中水果时的提示：

下拉列表：

简单的演示代码：

显示效果文字

显示效果文字

显示效果文字

显示效果文字







--选择颜色--
红色
绿色
蓝色
银色




--选择颜色--
 
 
 
 

360浏览器8.1 演示结果：

这个下拉框是用文字来说明。

下面这个下拉框直接用颜色来表明设置文字为什么颜色

加强的下拉列表-二级连动菜单-代码演示：

实现的功能就是，根据第一个菜单的选项，来决定第二个菜单的显示。

--选择省份--
北京
湖南
浙江
江西


--选择城市--

360浏览器8.1 演示结果：

file组件–添加与删除附件

没有与后台联系的功能哦，只是学下html中的技术

演示代码：

添加附件


 

360浏览器8.1 演示结果：

删除第二行的tr：

以上所述是小编给大家介绍的基于Javascript实现单选框下拉菜单添加文件效果的相关知识，希望对大家有所帮助，如果大家想了解更多内容敬请关注！