【转】下拉框的change事件
6.1,获取下拉框的值(html标签中没有onchange事件的)
<script language="javascript"> $(document).ready(function() { //绑定下拉框change事件,当下来框改变时调用 SelectChange()方法 $("#selectID").change(function() { SelectChange(); }); }) function SelectChange() { //获取下拉框选中项的text属性值 var selectText = $("#selectID").find("option:selected").text(); alert(selectText); //获取下拉框选中项的value属性值 var selectValue = $("#selectID").val(); alert(selectValue); //获取下拉框选中项的index属性值 var selectIndex = $("#selectID").get(0).selectedIndex; alert(selectIndex); ////获取下拉框最大的index属性值 var selectMaxIndex = $("#selectID option:last").attr("index"); alert(selectMaxIndex); }
<select id="selectID" > <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> <option value="6">6</option> </select> |
6.2,获取下拉框的值(html标签中有onchange事件的)
<body> <dl class="global" style="display:block;"> <dt> <span style="color:#A60015 !important;padding:0 5px;">*</span> 结算方式:</dt> <dd> <label for="select"> <select id="key_ESPaymentMethod" name="ESPaymentMethod" onchange="loadSettlementCycle();" allownull="1" class="inputW130"> <option value="1" selected="selected">固定金额结算</option> <option value="2">周期结算+金额结算</option> </select> </label> </dd> </dl> </body> </html> |
function loadSettlementCycle() { //获取下拉框选中项的text属性值 var selectText = $("#key_ESPaymentMethod").find("option:selected").text(); alert(selectText); //获取下拉框选中项的value属性值 var selectValue = $("#key_ESPaymentMethod").val(); alert(selectValue); //获取下拉框选中项的index属性值 var selectIndex = $("#key_ESPaymentMethod").get(0).selectedIndex; alert(selectIndex); ////获取下拉框最大的index属性值 var selectMaxIndex = $("#key_ESPaymentMethod option:last").attr("index"); alert(selectMaxIndex); } |
- 推荐文章
- C# 创建、部署和调用WebService的示例
- lucene学习笔记
- .net 分布式锁实现
- 用python读取stata文件及写入and注意事项
- 自定义python web框架
- c 预处理的宏定义
- c指针 --笔记2返回指针值的函数
- C 指针
- python的callback函数原理
- kali kvm Requested operation is not valid: network 'default' is not active
- 记一次dedeCMS网站搭建全过程
- 记一次phpStudy apache启动后自动关闭 修改过程
- python 多线程爬虫
- JSP 最佳实践: 用 jsp:include 控制动态内容
- java web 之 BeanUtils.populate的作用
- JSP 适配手机屏幕
- pythonj基础之 多线程
- Python基础之 urllib模块urlopen()与urlretrieve()的使用方法详解。
- python基础之 re(正则表达式)模块学习
- Python基础之 正则表达式指南
- 适合于小团队产品迭代的APP测试流程
- 【转】软件测试上线标准
- 安全性测试之修改密码
- LoadRunner 实现监控Tomcat
- 【转】人生应该接受的教育
- 晓光聊《小厂如何做测试》
- 由测试需要多少编程知识想到的
- 12款很棒的浏览器兼容性测试工具推荐
- 最近感悟测试人员需要的一种能力
- APP测试功能点总结