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数组去掉重复
May 12 Javascript
javascript和HTML5利用canvas构建猜牌游戏实现算法
Jul 17 Javascript
利用js实现前台动态添加文本框,后台获取文本框内容(示例代码)
Nov 25 Javascript
javascript基于HTML5 canvas制作画箭头组件
Jun 25 Javascript
Node.js模块加载详解
Aug 16 Javascript
深入探寻seajs的模块化与加载方式
Apr 14 Javascript
jQuery对JSON数据进行排序输出的方法
Jun 24 Javascript
js如何改变文章的字体大小
Jan 08 Javascript
JS中使用变量保存arguments对象的方法
Jun 03 Javascript
javascript数组常用方法汇总
Sep 10 Javascript
Angularjs2不同组件间的通信实例代码
May 06 Javascript
vue-router项目实战总结篇
Feb 11 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
php Notice: Undefined index 错误提示解决方法
2010/08/29 PHP
php中curl、fsocket、file_get_content三个函数的使用比较
2014/05/09 PHP
PHP 结合 Boostrap 结合 js 实现学生列表删除编辑及搜索功能
2019/05/21 PHP
Thinkphp5 如何隐藏入口文件index.php(URL重写)
2019/10/16 PHP
JavaScript加强之自定义callback示例
2013/09/21 Javascript
jQuery向后台传入json格式数据的方法
2015/02/13 Javascript
第一章之初识Bootstrap
2016/04/25 Javascript
解析如何利用iframe标签以及js制作时钟
2016/12/08 Javascript
Bootstrap 模态框实例插件案例分析
2016/12/28 Javascript
详解Vue Elementui中的Tag与页面其它元素相互交互的两三事
2018/09/25 Javascript
微信JS-SDK updateAppMessageShareData安卓不能自定义分享详解
2019/03/29 Javascript
layui table 多行删除(id获取)的方法
2019/09/12 Javascript
Python生成验证码实例
2014/08/21 Python
以一段代码为实例快速入门Python2.7
2015/03/31 Python
使用Python的Twisted框架编写非阻塞程序的代码示例
2016/05/25 Python
python中函数总结之装饰器闭包详解
2016/06/12 Python
浅谈用VSCode写python的正确姿势
2017/12/16 Python
matplotlib给子图添加图例的方法
2018/08/03 Python
python取数作为临时极大值(极小值)的方法
2018/10/15 Python
Python使用matplotlib 画矩形的三种方式分析
2019/10/31 Python
Python爬取豆瓣视频信息代码实例
2019/11/16 Python
python中sys模块是做什么用的
2020/08/16 Python
Chain Reaction Cycles俄罗斯:世界上最大的在线自行车商店
2019/08/27 全球购物
斯洛伐克香水和化妆品购物网站:Parfemy-Elnino.sk
2020/01/28 全球购物
static函数与普通函数有什么区别
2015/12/25 面试题
环境工程与管理大学毕业生求职信
2013/10/02 职场文书
保洁主管岗位职责
2013/11/20 职场文书
浙大毕业生自荐信
2014/01/26 职场文书
应届电子商务毕业自荐书范文
2014/02/11 职场文书
大学生考试作弊检讨书
2014/09/21 职场文书
有限责任公司股东合作协议书范本
2014/10/30 职场文书
赔偿协议书
2015/01/27 职场文书
求职简历自我评价范文
2015/03/10 职场文书
评估“风险”创业计划的几大要点
2019/08/12 职场文书
分享五个Node.js开发的优秀实践 
2022/04/07 NodeJs
python读取mat文件生成h5文件的实现
2022/07/15 Python