javascript获取select值的方法分析


Posted in Javascript onJuly 02, 2015

本文实例讲述了javascript获取select值的方法。分享给大家供大家参考。具体分析如下:

1. 获取显示的汉字

document.getElementById("bigclass").options[window.document.getElementById("bigclass").selectedIndex].text

2. 获取数据库中的id

window.document.getElementById("bigclass").value

3.获取select组分配的索引id

window.document.getElementById("bigclass").selectedIndex

例子:

<select name="bigclass" id="bigclass" onChange="javascript:updatePage2();">
<option value="" selected="selected">ajax实验</option>
<option value="4">我适宜市哈</option>
</select>

使用:

document.getElementById("bigclass").options[window.document.getElementById("bigclass").selectedIndex].text

结果是:我适宜市哈

使用:

window.document.getElementById("bigclass").value

结果是:4

使用:

window.document.getElementById("bigclass").selectedIndex

结果是:1

希望本文所述对大家的javascript程序设计有所帮助。

Javascript 相关文章推荐
让您的菜单不离网站
Oct 03 Javascript
网上应用的一个不错common.js脚本
Aug 08 Javascript
基于jQuery的试卷自动排版系统实现代码
Jan 06 Javascript
Extjs Gird 支持中文拼音排序实现代码
Apr 15 Javascript
jquery设置控件位置的方法
Aug 21 Javascript
Egret引擎开发指南之编译项目
Sep 03 Javascript
jquery操作angularjs对象
Jun 26 Javascript
Javascript的表单验证-揭开正则表达式的面纱
Mar 18 Javascript
vue2.0结合Element实现select动态控制input禁用实例
May 12 Javascript
Vue 动态组件components和v-once指令的实现
Aug 30 Javascript
vue双击事件2.0事件监听(点击-双击-鼠标事件)和事件修饰符操作
Jul 27 Javascript
JavaScript中的函数式编程详解
Aug 22 Javascript
JavaScript获取并更改input标签name属性的方法
Jul 02 #Javascript
JavaScript实现广告的关闭与显示效果实例
Jul 02 #Javascript
JS选中checkbox后获取table内一行TD所有数据的方法
Jul 01 #Javascript
JS实现统计复选框选中个数并提示确定与取消的方法
Jul 01 #Javascript
JS访问SWF的函数用法实例
Jul 01 #Javascript
JS随机调用指定函数的方法
Jul 01 #Javascript
JavaScript每天定时更换皮肤样式的方法
Jul 01 #Javascript
You might like
php查看session内容的函数
2008/08/27 PHP
让PHP以ROOT权限执行系统命令的方法
2011/02/10 PHP
Android ProgressBar进度条和ProgressDialog进度框的展示DEMO
2013/06/19 PHP
PHP调用存储过程返回值不一致问题的解决方法分析
2016/04/26 PHP
thinkphp修改配置进入默认首页的方法
2017/02/07 PHP
PHP中OpenSSL加密问题整理
2017/12/14 PHP
JavaScript实际应用:innerHTMl和确认提示的使用
2006/06/22 Javascript
Javascript的构造函数和constructor属性
2010/01/09 Javascript
JavaScript基础知识之数据类型
2012/08/06 Javascript
JavaScript 判断用户输入的邮箱及手机格式是否正确
2013/12/08 Javascript
开发中可能会用到的jQuery小技巧
2014/03/07 Javascript
js处理php输出时间戳对不上号的解决方法
2014/06/20 Javascript
详解js闭包
2014/09/02 Javascript
jquery ajax 如何向jsp提交表单数据
2015/08/23 Javascript
详解jQuery lazyload 懒加载
2016/12/19 Javascript
解析JavaScript模仿块级作用域
2016/12/29 Javascript
bootstrap table 表格中增加下拉菜单末行出现滚动条的快速解决方法
2017/01/05 Javascript
d3.js中冷门却实用的内置函数总结
2017/02/04 Javascript
JS实现简单的天数计算器完整实例
2017/04/28 Javascript
Vue 动态设置路由参数的案例分析
2018/04/24 Javascript
原生JS实现的自动轮播图功能详解
2018/12/28 Javascript
VSCode 添加自定义注释的方法(附带红色警戒经典注释风格)
2020/08/27 Javascript
[00:34]TI7不朽珍藏III——纯金地穴编织者饰品展示
2017/07/15 DOTA
Python性能分析工具Profile使用实例
2019/11/19 Python
Pytorch上下采样函数--interpolate用法
2020/07/07 Python
纯CSS实现右侧底部悬浮效果(悬浮QQ、微信、微博、邮箱等联系方式)
2015/04/24 HTML / CSS
加拿大时尚少女服装品牌:Garage
2016/10/10 全球购物
伯克斯奥特莱斯:Burkes Outlet
2019/03/30 全球购物
NYX Professional Makeup英国官网:美国平价专业彩妆品牌
2019/11/13 全球购物
Set里的元素是不能重复的,那么用什么方法来区分重复与否呢? 是用==还是equals()? 它们有何区别?用contains来区分是否有重复的对象。还是都不用
2013/07/30 面试题
行政总监岗位职责
2013/12/05 职场文书
计算机实训报告范文
2014/11/05 职场文书
工程质量保证书
2015/05/09 职场文书
2015年节能降耗工作总结
2015/05/22 职场文书
纪委立案决定书
2015/06/24 职场文书
MySQL聚簇索引和非聚簇索引的区别详情
2022/06/14 MySQL