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 相关文章推荐
限制复选框的最大可选数
Jul 01 Javascript
JQuery获取元素文档大小、偏移和位置和滚动条位置的方法集合
Jan 12 Javascript
javascript和jquery修改a标签的href属性
Dec 16 Javascript
jquery计算鼠标和指定元素之间距离的方法
Jun 26 Javascript
jQuery实现的给图片点赞+1动画效果(附在线演示及demo源码下载)
Dec 31 Javascript
JavaScript中利用jQuery绑定事件的几种方式小结
Mar 06 Javascript
纯jQuery实现前端分页功能
Mar 23 jQuery
微信小程序左滑动显示菜单功能的实现
Jun 14 Javascript
javascript设计模式 ? 状态模式原理与用法实例分析
Apr 22 Javascript
react组件基本用法示例小结
Apr 27 Javascript
vue实现员工信息录入功能
Jun 11 Javascript
解决vue 给window添加和移除resize事件遇到的坑
Jul 21 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将会员数据导入到ucenter的代码
2010/07/18 PHP
老版本PHP转义Json里的特殊字符的函数
2015/06/08 PHP
PHP简单实现DES加密解密的方法
2016/07/12 PHP
PHP的mysqli_rollback()函数讲解
2019/01/23 PHP
完美实现仿QQ空间评论回复特效
2015/05/06 Javascript
js中 javascript:void(0) 用法详解
2015/08/11 Javascript
基于javascript实现全国省市二级联动下拉选择菜单
2016/01/28 Javascript
ES6新特征数字、数组、字符串
2016/10/01 Javascript
微信小程序手势操作之单触摸点与多触摸点
2017/03/10 Javascript
vue利用axios来完成数据的交互
2018/03/23 Javascript
Vue入门之animate过渡动画效果
2018/04/08 Javascript
vue路由拦截及页面跳转的设置方法
2018/05/24 Javascript
React组件对子组件children进行加强的方法
2019/06/23 Javascript
Vue3.0数据响应式原理详解
2019/10/09 Javascript
JS实现音量控制拖动
2020/01/15 Javascript
[03:00]DOTA2-DPC中国联赛1月18日Recap集锦
2021/03/11 DOTA
Python生成随机数的方法
2014/01/14 Python
9种python web 程序的部署方式小结
2014/06/30 Python
html5生成柱状图(条形图)效果的实例代码
2016/03/25 HTML / CSS
Agoda香港:全球特价酒店预订
2017/05/07 全球购物
英国派对礼服和连衣裙购物网站:TFNC London
2018/07/07 全球购物
Steiff台湾官网:德国金耳釦泰迪熊
2019/12/26 全球购物
JAVA语言如何进行异常处理,关键字:throws,throw,try,catch,finally分别代表什么意义?在try块中可以抛出异常吗?
2013/07/02 面试题
经济信息管理专业大学生求职信
2013/09/27 职场文书
建筑自我鉴定
2013/10/19 职场文书
打架检讨书2000字
2014/02/22 职场文书
基层干部群众路线教育实践活动个人对照检查材料
2014/09/23 职场文书
2014年保卫部工作总结
2014/11/21 职场文书
2014年培训工作总结范文
2014/11/27 职场文书
后勤个人工作总结
2015/02/28 职场文书
创卫工作总结2015
2015/04/22 职场文书
给下属加薪申请报告
2015/05/15 职场文书
装修公司管理制度
2015/08/05 职场文书
java设计模式--建造者模式详解
2021/07/21 Java/Android
Python列表的索引与切片
2022/04/07 Python
解决spring.thymeleaf.cache=false不起作用的问题
2022/06/10 Java/Android