一聚教程网:一个值得你收藏的教程网站

热门教程

JavaScript实现下拉列表选择框代码示例

时间:2022-06-29 02:09:54 编辑:袖梨 来源:一聚教程网

本篇文章小编给大家分享一下JavaScript实现下拉列表选择框代码示例,文章代码介绍的很详细,小编觉得挺不错的,现在分享给大家供大家参考,有需要的小伙伴们可以来看看。

创建一个页面

** 两个下拉选择框

- 设置属性 multiple属性 -multiple="multiple"(下拉选择框多行显示)

** 四个按钮,有事件

tip:多选按住ctrl或者shift点击选项

代码如下:


 
   
  HTML示例
  
 
 
 


效果图:

热门栏目