JS获取select的value和text值的简单实例


Posted in Javascript onFebruary 26, 2014
<select id = "cityList" >   
<select id = "selectId" >   
   <option value = "0">第0个</option>   
</select>   <script>   
    var selectObj = document.getElementById('selectId');   
    // 通过对象添加option   
    selectId.add(new Option("第一个","1"))   
    selectId.add(new Option("第二个","2"))   
    // 通过id添加option   
    selectId.add(new Option("第三个","3"))   
    selectId.add(new Option("第四个","4"))   
    // 通过id添加方法(也可以通过对象添加方法)   
    selectId.onchange = function(){   
        // 通过对象获取value和text   
        alert(selectObj.value);   
        alert(selectObj.options[selectObj.selectedIndex].text);   
        // 通过 id 获取value和text   
        alert(selectId.value);   
        alert(selectId.options[selectId.selectedIndex].text);   
        // 还可以通过this获取value和text   
        alert(this.value);   
        alert(this.options[this.selectedIndex].text);   
    };   
</script> 
Javascript 相关文章推荐
javascript KeyDown、KeyPress和KeyUp事件的区别与联系
Dec 03 Javascript
jquery+json 通用三级联动下拉列表
Apr 19 Javascript
JavaScript打开word文档的实现代码(c#)
Apr 16 Javascript
JS在可编辑的div中的光标位置插入内容的方法
Nov 20 Javascript
JS平滑无缝滚动效果的实现代码
May 06 Javascript
Javascript的无new构建实例详解
May 15 Javascript
input获取焦点时底部菜单被顶上来问题的解决办法
Jan 24 Javascript
深入理解Javascript箭头函数中的this
Feb 13 Javascript
使用node.js对音视频文件加密的实例代码
Aug 30 Javascript
详解VUE Element-UI多级菜单动态渲染的组件
Apr 25 Javascript
java和js实现的洗牌小程序
Sep 30 Javascript
js基于div丝滑实现贝塞尔曲线
Sep 23 Javascript
JS获取文本框,下拉框,单选框的值的简单实例
Feb 26 #Javascript
Js获取下拉框选定项的值和文本的实现代码
Feb 26 #Javascript
js自动查找select下拉的菜单并选择(示例代码)
Feb 26 #Javascript
jQuery设置与获取HTML,文本和值的简单实例
Feb 26 #Javascript
js(JavaScript)实现TAB标签切换效果的简单实例
Feb 26 #Javascript
Javascript高级技巧分享
Feb 25 #Javascript
鼠标拖拽移动子窗体的JS实现
Feb 25 #Javascript
You might like
咖啡常见的种类
2021/03/03 新手入门
discuz的php防止sql注入函数
2011/01/17 PHP
PHP7 新增常量
2021/03/09 PHP
jquery 使用点滴函数代码
2011/05/20 Javascript
JavaScript的strict模式与with关键字介绍
2014/02/08 Javascript
如何书写高质量jQuery代码(使用jquery性能问题)
2014/06/30 Javascript
jquery 实现返回顶部功能
2014/11/17 Javascript
javascript中setTimeout和setInterval的unref()和ref()用法示例
2014/11/26 Javascript
JS+CSS3模拟溢出滚动效果
2016/08/12 Javascript
knockoutjs动态加载外部的file作为component中的template数据源的实现方法
2016/09/01 Javascript
Bootstrap模态框插件使用详解
2017/05/11 Javascript
微信小程序图片横向左右滑动案例
2017/05/19 Javascript
axios实现简单文件上传功能
2019/09/25 Javascript
jquery实现吸顶导航效果
2020/01/08 jQuery
在vue中使用vant TreeSelect分类选择组件操作
2020/11/02 Javascript
JavaScript实现网页动态生成表格
2020/11/25 Javascript
最基础的Python的socket编程入门教程
2015/04/23 Python
python实现自动更换ip的方法
2015/05/05 Python
使用Python读取大文件的方法
2018/02/11 Python
使用OpCode绕过Python沙箱的方法详解
2019/09/03 Python
python3连接mysql获取ansible动态inventory脚本
2020/01/19 Python
python中什么是面向对象
2020/06/11 Python
浅谈numpy中函数resize与reshape,ravel与flatten的区别
2020/06/18 Python
详解H5本地储存Web Storage
2017/07/03 HTML / CSS
毕业生求职简历的自我评价
2013/10/23 职场文书
药物学专业学生的自我评价
2013/10/27 职场文书
咨询公司各岗位职责
2013/12/02 职场文书
个人现实表现材料
2014/02/04 职场文书
暑期社会实践方案
2014/02/05 职场文书
绿色学校实施方案
2014/03/31 职场文书
营销总经理岗位职责范本
2014/09/02 职场文书
学习党的群众路线剖析材料
2014/10/09 职场文书
离职信范文
2015/06/23 职场文书
mybatis调用sqlserver存储过程返回结果集的方法
2021/05/08 SQL Server
MySQL 不等于的三种使用及区别
2021/06/03 MySQL
JavaScript中时间格式化新思路toLocaleString()
2021/11/07 Javascript