2016/2/25 onchange 应用
2016-02-25 23:54
211 查看
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>onchange 商品变价格变</title> </head> <body> <select size="1" onchange="change()" id="ss"> <option value="1" selected="selected">可口</option> <option value="2">百事</option> <option value="3">非常</option> </select> <p>价格:<label id="aa">3</label>元</p> </body> </html> <script> function change() { var s=document.getElementById("ss").value; var a=document.getElementById("aa") if(s=="1"){ a.innerText="3" } else if(s=="2"){ a.innerText="4" } else{ a.innerText="5" } } </script>
显示效果:
![](http://images2015.cnblogs.com/blog/865449/201602/865449-20160225235255177-1442167842.png)
![](http://images2015.cnblogs.com/blog/865449/201602/865449-20160225235310583-798065507.png)
![](http://images2015.cnblogs.com/blog/865449/201602/865449-20160225235317521-1605228186.png)
相关文章推荐
- 对于灰度图像中同一个像素,MATLAB和Photoshop的灰度值不同
- NIST and Quantum Computers
- jQuery源码分析系列
- SQL Server 之 Merge 与 using
- 使用canvas.clipPath来裁剪时部分机型出现问题
- Android之SurfaceView学习(一)
- leetcode-144-Binary Tree Preorder Traversal
- Dandelion - Eclipse Lisp Plugin
- Java连接Redis
- linux(ubuntu)2台互相ssh无密码访问
- 18. 4Sum
- 第五天 App编程开发【跟着大磨马学IT编程(安卓java)】
- Dash 安装 IOS文档 Apple 开发者离线文档下载
- Mac OS X Yosemite 10.10.5使用Toolbox安装Docker
- 安卓webView实现长按二维码的自动识别功能
- Android布局优化 merge标签使用
- Android工具类——LogUtil
- python的相对路径导入问题
- 一个好汉三个帮
- python Django后台开发笔记11