自学JS基础之读写小DEMO
来源:互联网 发布:童装淘宝店铺 编辑:程序博客网 时间:2024/05/19 09:09
如何用JS实现读取写入呢?
比如我们要实现下面这个效果:
很简单的小例子:由一个文本输入框,下拉选择框,按钮组成。
先写HTML界面:
<input id="txt1" type="text" /><select id="slc"><option value="北京">北京</option><option value="深圳">深圳</option><option value="杭州">杭州</option><option value="成都">成都</option><option value="上海">上海</option></select> <input id="btn" type="button" value="确定"/>
我的JS代码段:
<script>var oTxt=document.getElementById("txt1");//定义一个变量获取文本框中的值var oSlc=document.getElementById("slc");//定义一个变量获取列表中的值var oBtn=document.getElementById("btn");//定义一个变量获取按钮中的值function show(){alert(oTxt.value+"在"+oSlc.value);}//定义一个方法弹出获取的值oBtn.onclick=show;//设置鼠标点击事件进行调用方法 </script>
0 0
- 自学JS基础之读写小DEMO
- JS自学之if判断小示例
- JS基础之读写小事件2
- JAVA零基础自学笔记-JDBC篇 附带的小Demo 理解功能
- javacv小demo--读写图像
- 自学JS小实战之按钮设置字体大小事件
- JS 小DEMO
- js 小demo
- js小demo
- js基础Demo
- js 基础语法demo
- Swift基础之实现一个镂空图片的小Demo
- spring boot基础之统一异常处理(小demo)
- java之for循环小Demo及函数基础
- js自学_day01_基础篇
- javascript读写cookie的一个小demo
- js瀑布流小demo
- 自学笔记之java基础
- 【玲珑学院 1056 1056 - A plus B】+ 八进制
- 微信小程序学习(三)之swiper组件
- Android图片选择器、多选框架
- iframe跨域通信
- MySQL服务器命令选项和系统变量
- 自学JS基础之读写小DEMO
- linux虚拟机中和主机三种网络连接方式的区别
- 优雅的函数
- 数据结构--拓扑排序的应用
- 人数全球第一,但现在中国的问题不是人太多,而是太少 | 浪潮工作室
- JAVA中的IO操作之File
- 使用VirtualBox安装CentOS的内置无线网卡桥接设置
- 南京邮电大学攻防平台之MISC easy wireshark
- opencvv 保存图像