编程 Javascript

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获取select值的方法分析

- Author -

tianmo2010

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

jQuery获取地址栏参数插件(模仿C#)

Oct 26 Javascript

Jquery 全选反选实例代码

Nov 19 Javascript

值得分享的Bootstrap Ace模板实现菜单和Tab页效果

Dec 30 Javascript

详解iframe与frame的区别

Jan 13 Javascript

Node.js中Request模块处理HTTP协议请求的基本使用教程

Mar 31 Javascript

AngularJS 基础ng-class-even指令用法

Aug 01 Javascript

基于node.js依赖express解析post请求四种数据格式

Feb 13 Javascript

详解HTML5 使用video标签实现选择摄像头功能

Oct 25 Javascript

JS实现简易计算器

Feb 14 Javascript

JS中多层次排序算法的实现代码

Jan 06 Javascript

k8s node节点重新加入master集群的实现

Feb 22 Javascript

vue router 动态路由清除方式

May 25 Vue.js

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 批量添加多行文本框textarea一行一个

2014/06/03 PHP

PHP+Mysql+jQuery查询和列表框选择操作实例讲解

2015/10/22 PHP

PHP模板引擎Smarty之配置文件在模板变量中的使用方法示例

2016/04/11 PHP

在Mac OS下搭建LNMP开发环境的步骤详解

2017/03/10 PHP

thinkPHP中钩子的使用方法实例分析

2017/11/16 PHP

用YUI做了个标签浏览效果

2007/02/20 Javascript

javascript下IE与FF兼容函数收集

2008/09/17 Javascript

Jquery实现简单的动画效果代码

2012/03/18 Javascript

使用Plupload实现直接上传附件至七牛云存储

2014/12/26 Javascript

JavaScript面向对象的实现方法小结

2015/04/14 Javascript

javascript匀速运动实现方法分析

2016/01/08 Javascript

实践中学习AngularJS表单

2016/03/21 Javascript

js仿3366小游戏选字游戏

2016/04/14 Javascript

jQuery基于$.ajax设置移动端click超时处理方法

2016/05/14 Javascript

基于Bootstrap实现下拉菜单项和表单导航条(两个菜单项，一个下拉菜单和登录表单导航条)

2016/07/22 Javascript

js自定义QQ菜单效果

2017/01/10 Javascript

vue中mint-ui的使用方法

2018/04/04 Javascript

Node.js 获取微信JS-SDK CONFIG的方法示例

2019/05/21 Javascript

Electron+vue从零开始打造一个本地播放器的方法示例

2020/10/27 Javascript

Python 3.x 连接数据库示例（pymysql 方式）

2017/01/19 Python

python的变量与赋值详细分析

2017/11/08 Python

在Windows中设置Python环境变量的实例讲解

2018/04/28 Python

Win8.1下安装Python3.6提示0x80240017错误的解决方法

2018/07/31 Python

Python3+Appium安装使用教程

2019/07/05 Python

python+tkinter实现学生管理系统

2019/08/20 Python

python解析命令行参数的三种方法详解

2019/11/29 Python

Python获取、格式化当前时间日期的方法

2020/02/10 Python

解决Jupyter notebook中.py与.ipynb文件的import问题

2020/04/21 Python

python异步Web框架sanic的实现

2020/04/27 Python

python 删除excel表格重复行,数据预处理操作

2020/07/06 Python

美国在线宠物用品商店：Entirely Pets

2017/01/01 全球购物

西班牙在线药店：DosFarma

2020/03/28 全球购物

英国儿童设计师服装和玩具购物网站：Zac & Lulu

2020/10/19 全球购物

家长评语大全

2014/01/22 职场文书

公司股东出资证明书

2014/11/01 职场文书

将MySQL的表数据全量导入clichhouse库中

2022/03/21 MySQL