通过下拉框中的随机选中项,来决定中午吃什么
<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>
通过下拉框中的随机选中项,来决定中午吃什么相关推荐
- Ajax实现在textbox中输入内容,动态从数据库中模糊查询显示到下拉框中
功能:在textbox中输入内容,动态从数据库模糊查询显示到下拉框中,以供选择 1.建立一aspx页面,html代码 <HTML> <HEAD> < ...
- 两个下拉框相关联ajax,触发第二个下拉框以显示基于从第一个下拉框中选择的值的值ajax...
我有两个引导程序下拉框.当我们点击另一个下拉菜单时,其中一个会根据用户选择的国家显示来自数据库的所有国家名称,另一个下拉菜单应该选择状态. 当我点击一个下拉菜单时,我做了一个ajax请求来显示国家名称 ...
- JavaScript获取select下拉框中的第一个值
JavaScript获取select下拉框中的第一个值 1.说明 获取select下拉框中的第一个值 2.实现源代码 <!DOCTYPE html PUBLIC "-//W3C//DT ...
- 获取数据库内容放入下拉框中
获取数据库里的数据放入下拉框中,使下拉框显示的内容是数据库里的内容 功能分析: 设计并实现数据库 插入相关数据 在登陆页面点击注册按钮时跳到Servlet中 在Servlet中连接数据库 查询内容放入 ...
- avue下拉框中属性可以显示,但不能选中
1.avue下拉框中属性可以显示,但不能选中 追其原因,我对表单分组了,下拉框放在了group组内的column组里面,导致层数过多,产生死循环的bug 2.解决方法: 取消分组,把所有的属性放到co ...
- 抖音下拉框中的下拉词是怎么出来的?
疑问:抖音下拉框中的下拉词是怎么出来的? 抖音下拉词展示设想 抖音下拉设想验证 抖音下拉词出现思路总结 抖音下拉词展示设想 昔年认为,抖音下拉词框中的下拉词出现与否,是根据关注热度去生成的,如果某一个 ...
- vue在列表和下拉框中显示icon图标
vue在列表和下拉框中显示icon图标 一. 在项目中引入阿里云icon图标 二. 在data中定义icon图标列表 三. 在下拉框中显示icon图标 四. 在列表中显示icon图标 五. 在el-c ...
- ng-alain 下拉框select设置多选mode: ‘multiple‘时的问题
ng-alain 下拉框select设置多选mode: 'multiple'时的问题 levelRels: {type: 'string',title: '上级外键关系',ui: {widget: ' ...
- 【解决方案】win7计算机屏保的下拉框中,无照片选项,不能设置自定义图片
手动增加计算机屏保 问题描述 解决方案 问题描述 发现在有的计算机中,想设置自定义的屏保照片时,在屏保下拉框中没有"照片的选项",导致无法选择本地照片作为屏保程序.即缺少如下标红选 ...
最新文章
- SQL安装时出现“以前的某个程序安装已在安装计算机上创建挂起的文件操作。运作安装程序之前必须重新启动计算机”...
- 【Mrak】C# 文本文件 ANSI编码格式 转 UTF8
- Win API函数SetWindowOrgEx与SetViewportOrgEx
- 设计模式-依赖倒置-Dependency Inversion Principle
- java基本数据类型与封装类 示例_Java零基础系列教程10Java抽象与封装
- Azkaban-two_server模式-安装3和启动运行
- .NET Core 编写 Azure Function 并连接 GitHub 持续部署
- 像数据科学家一样思考:12步指南(中)
- CodeChef June Challenge 2017
- Grunt-jsdoc生成JS API文档
- Java String的内存机制
- 利用算法识别车厘子与樱桃
- linux 基础——常见命令及问题
- Python OpenCV 在视频上添加文字后保存视频
- 【Hash篇】什么是哈希值?
- 湖南科技大学EDA作业
- Squid+MRTG实现完善的缓存代理和http服务加速代理
- Lotus配置之六:IBM Lotus Note添加公共邮箱
- c#在output窗口输出调试信息
- vue——省市区三级联动demo
热门文章
- CAD二次开发--二维多段线Polyline与三维多段线Polyline3d创建总结
- 玩着3dmax把Python学了-01
- 上海平和学校IB课程罗同学如何打开韦尔斯利的大门?
- Householder变换
- 最新麦芒装饰装修小程序源码3.2.59版+全开源/支持三端
- MySQL怎么运行的系列(四)Innodb索引结构和方案
- 思科ipsec配置及trouble shooting详解
- pyspark 数据类型转换_pyspark 数据类型及转换
- Fap-------一款基于.netcore3.0的企业级快速开发框架
- Matlab向量与矩阵相乘