JavaScript基础 获得下拉列表中某一选项的值与id options[2].text options[2].value
2017-05-06 17:06
661 查看
镇场诗:
清心感悟智慧语,不着世间名与利。学水处下纳百川,舍尽贡高我慢意。
学有小成返哺根,愿铸一良心博客。诚心于此写经验,愿见文者得启发。
——————————————————————————————————————————
code:
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <meta charset="utf-8" /> <script type="text/javascript"> window.onload=function () { alert(document.getElementById("books").options[2].text+"\n"+ document.getElementById("books").options[2].value ); } </script> </head> <body> <select id="books"> <option value="daodejing">道德经</option> <option value="nanhuajing">南华经</option> <option value="beidoujing">北斗经</option> </select> </body> </html>
result:
注:舍名利 喜欢看儒释道的书籍,所以举的不是普通例子,但效果都是一样的,还望能看得过去。
——————————————————————————————————————————
博文的精髓,在技术部分,更在镇场一诗。IDE: VS2015;浏览器: Firefox。
html+css+js,强,值得努力学习。传智播客的视频教程是我的学习资源,推荐。
如果博文有可以改进的地方,请留下评论,我会认真思考的。
注:我是一位正在努力的普通人,此文仅供测试与参考使用,不可做其他用途。当参考博文内容时,代表您已接受使用条款。
相关文章推荐
- JavaScript基础 获得下拉列表中某一选项的值与id options[2].text options[2].value
- JavaScript基础 下拉列表 使用js创建option选项
- JavaScript基础 下拉列表 点击按钮 显示当前选项的索引值
- JavaScript基础 下拉列表 使用js设置默认选中的选项 selectedIndex
- 怎么获得JavaScript中下拉列表中option的value值
- JavaScript基础 下拉列表 点击按钮 显示当前选项的索引值
- js javascript <select>根据value或text设置下拉列表的默认值
- JavaScript基础 下拉列表 使用js设置默认选中的选项 selectedIndex
- JavaScript基础 下拉列表 使用js创建option选项
- Jquery 获得<input type="text" id="test">中的value
- [JavaScript] 动态删除下拉列表select的选项
- JavaScript基础 表单内的text文本输入框 获得焦点onfocus 失去焦点onblur
- 根据不同的产品id获得不同的下拉选项 (option传多值)
- javascript 下拉列表 自己主动取值 无需value
- AutoCompleteTextView按照关键字从服务器上获得数据显示下拉列表
- JS获取下拉列表所选中的TEXT和Value的实现代码
- JavaScript基础 点击按钮 获得表格第一行的id
- javascript 下拉列表 自动取值 无需value
- javascript获取下拉列表多个选项值
- [JavaScript] 动态生成下拉列表select的选项