<body>
<input type="button" value="中午吃啥呢?" id="btn">
<select name="" id="sel"><option value="1">牛面条</option><option value="2">盖浇饭</option><option value="3">黄焖鸡</option><option value="4">沙县小吃</option><option value="5">过桥米线</option><option value="6">饿着</option>
</select>
</body><script>
var btn = document.getElementById('btn');
btn.onclick = function(){// 获取所有optionvar sel = document.getElementById('sel');var options = sel.getElementsByTagName('option');//  生成随机索引(随机数---取整)var randomIndex = Math.floor(Math.random()*options.length);var option = options[randomIndex];option.selected = true;// selected在哪,哪一个先显示
}
</script>

通过下拉框中的随机选中项,来决定中午吃什么相关推荐

  1. Ajax实现在textbox中输入内容,动态从数据库中模糊查询显示到下拉框中

    功能:在textbox中输入内容,动态从数据库模糊查询显示到下拉框中,以供选择 1.建立一aspx页面,html代码 <HTML>     <HEAD>         < ...

  2. 两个下拉框相关联ajax,触发第二个下拉框以显示基于从第一个下拉框中选择的值的值ajax...

    我有两个引导程序下拉框.当我们点击另一个下拉菜单时,其中一个会根据用户选择的国家显示来自数据库的所有国家名称,另一个下拉菜单应该选择状态. 当我点击一个下拉菜单时,我做了一个ajax请求来显示国家名称 ...

  3. JavaScript获取select下拉框中的第一个值

    JavaScript获取select下拉框中的第一个值 1.说明 获取select下拉框中的第一个值 2.实现源代码 <!DOCTYPE html PUBLIC "-//W3C//DT ...

  4. 获取数据库内容放入下拉框中

    获取数据库里的数据放入下拉框中,使下拉框显示的内容是数据库里的内容 功能分析: 设计并实现数据库 插入相关数据 在登陆页面点击注册按钮时跳到Servlet中 在Servlet中连接数据库 查询内容放入 ...

  5. avue下拉框中属性可以显示,但不能选中

    1.avue下拉框中属性可以显示,但不能选中 追其原因,我对表单分组了,下拉框放在了group组内的column组里面,导致层数过多,产生死循环的bug 2.解决方法: 取消分组,把所有的属性放到co ...

  6. 抖音下拉框中的下拉词是怎么出来的?

    疑问:抖音下拉框中的下拉词是怎么出来的? 抖音下拉词展示设想 抖音下拉设想验证 抖音下拉词出现思路总结 抖音下拉词展示设想 昔年认为,抖音下拉词框中的下拉词出现与否,是根据关注热度去生成的,如果某一个 ...

  7. vue在列表和下拉框中显示icon图标

    vue在列表和下拉框中显示icon图标 一. 在项目中引入阿里云icon图标 二. 在data中定义icon图标列表 三. 在下拉框中显示icon图标 四. 在列表中显示icon图标 五. 在el-c ...

  8. ng-alain 下拉框select设置多选mode: ‘multiple‘时的问题

    ng-alain 下拉框select设置多选mode: 'multiple'时的问题 levelRels: {type: 'string',title: '上级外键关系',ui: {widget: ' ...

  9. 【解决方案】win7计算机屏保的下拉框中,无照片选项,不能设置自定义图片

    手动增加计算机屏保 问题描述 解决方案 问题描述 发现在有的计算机中,想设置自定义的屏保照片时,在屏保下拉框中没有"照片的选项",导致无法选择本地照片作为屏保程序.即缺少如下标红选 ...

最新文章

  1. SQL安装时出现“以前的某个程序安装已在安装计算机上创建挂起的文件操作。运作安装程序之前必须重新启动计算机”...
  2. 【Mrak】C# 文本文件 ANSI编码格式 转 UTF8
  3. Win API函数SetWindowOrgEx与SetViewportOrgEx
  4. 设计模式-依赖倒置-Dependency Inversion Principle
  5. java基本数据类型与封装类 示例_Java零基础系列教程10Java抽象与封装
  6. Azkaban-two_server模式-安装3和启动运行
  7. .NET Core 编写 Azure Function 并连接 GitHub 持续部署
  8. 像数据科学家一样思考:12步指南(中)
  9. CodeChef June Challenge 2017
  10. Grunt-jsdoc生成JS API文档
  11. Java String的内存机制
  12. 利用算法识别车厘子与樱桃
  13. linux 基础——常见命令及问题
  14. Python OpenCV 在视频上添加文字后保存视频
  15. 【Hash篇】什么是哈希值?
  16. 湖南科技大学EDA作业
  17. Squid+MRTG实现完善的缓存代理和http服务加速代理
  18. Lotus配置之六:IBM Lotus Note添加公共邮箱
  19. c#在output窗口输出调试信息
  20. vue——省市区三级联动demo

热门文章

  1. CAD二次开发--二维多段线Polyline与三维多段线Polyline3d创建总结
  2. 玩着3dmax把Python学了-01
  3. 上海平和学校IB课程罗同学如何打开韦尔斯利的大门?
  4. Householder变换
  5. 最新麦芒装饰装修小程序源码3.2.59版+全开源/支持三端
  6. MySQL怎么运行的系列(四)Innodb索引结构和方案
  7. 思科ipsec配置及trouble shooting详解
  8. pyspark 数据类型转换_pyspark 数据类型及转换
  9. Fap-------一款基于.netcore3.0的企业级快速开发框架
  10. Matlab向量与矩阵相乘