访问列表框select中option选项
2016-06-14 22:50
351 查看
<!DOCTYPE html> <html> <head> <head> <meta http-equiv="Content-Type" content="text/html;charset=GBK"/> <title>Select选项</title> </head> <body> <select id="fruitSelect" name="fruitSelect"> <option value="banana">香蕉</option> <option value="apple">苹果</option> <option value="orange">橘子</option> <option value="pear">梨</option> </select> <input type="button" value="第一个" onclick="change(current.options[0]);"/> <input type="button" value="上一个" onclick="change(current.options[current.selectedIndex-1]);"/> <input type="button" value="下一个" onclick="change(current.options[current.selectedIndex+1]);"/> <input type="button" value="最后一个" onclick="change(current.options[current.length-1]);"/> <script type="text/javascript"> var current=document.getElementById("fruitSelect"); function change(target){ alert(target.text); } </script> </body> </head> </html>
相关文章推荐
- Lua编程示例(一):select、debug、可变参数、table操作、error
- SQL学习笔记三 select语句的各种形式小结
- 一条select语句引起的瓶颈问题思考
- SQL Select语句完整的执行顺序
- mysql SELECT语句去除某个字段的重复信息
- 点击按钮后 文本框变为Select下拉列表框
- javascript 模拟select下拉列表特效
- javascript select options 排序(保持option 对象完整性)
- 用javascript和css模拟select的脚本
- js select常用操作控制代码
- mysql中insert与select的嵌套使用方法
- jquery的clone方法应用于textarea和select的bug修复
- SQLServer中SELECT语句的执行顺序
- MySQL进阶SELECT语法篇
- asp中 select top 问题!~
- ASP中获得Select Count语句返回值的方法
- 探讨select in 在postgresql的效率问题
- 数据库插入数据之select into from与insert into select区别详解
- Javascript select控件操作大全(新增、修改、删除、选中、清空、判断存在等)
- jQuery实现的仿select功能代码