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);

}

下拉框的change事件的更多相关文章

  1. 商品类型的下拉框绑定一个事件，通过ajax获取属性

    html代码这么写 <!-- 商品属性 --> <table cellspacing="1" cellpadding="3" width=&q ...

  2. Vue 下拉框值变动事件传多个参数

    在使用 Vue 进行开发时,下拉框值变动事件 @change 是很常用的. 其传参一般分为两种方式:默认传参和自定义传参. 默认传参 @change 默认会传选中项标识的参数,在传参处不用定义,在方法 ...

  3. LayUI中select下拉框选中触发事件

    代码: var form = layui.form, layer = layui.layer; // 监听 $(document).ready(function() { // select下拉框选中触 ...

  4. 关于下拉框的onchange事件和onclick选择value值。

    下拉框的onchange事件和onclick,一般最好都选择onchange事件,onclick可能会不兼容有些浏览器. 下面是代码: <!DOCTYPE html><html la ...

  5. select下拉框选择触发事件

    我一直以来都认为,select 下拉框选择对选项 options 使用 onclick 注册事件即可,如下: <select> <option value="0" ...

  6. 点击select下拉框，触发事件

    <div class="controls moneycheck floatleft"> <select class="span12 chosen_cat ...

  7. 关于select下拉框选择触发事件

    最开始使用onclick设置下拉框触发事件发现会有一些问题: <select> <option value="0" onclick="func0()&q ...

  8. 给datagridview的下拉框添加valueChange事件

    修改datagridview的EditMode属性为EdutOnEnter,否则需要点2次以上才出现下拉框 1.给DataGridView添加EditingControlShowing事件: 2.编辑 ...

  9. js设置下拉框选中后change事件无效解决

    下拉框部分代码: <select id="bigType"> <option value="">请选择</option> & ...

随机推荐

  1. WPF ”真正的“高仿QQ

    时常可以在各种论坛 博客 看到 各种所谓的 高仿QQ. 说实话 越看越想笑呢.(PS:纯粹的 抨击 那些 不追求 UI 完美主义者) 例如:       本次模仿 采用 C# WPF XAML , 总 ...

  2. LeetCode - 654. Maximum Binary Tree

    Given an integer array with no duplicates. A maximum tree building on this array is defined as follo ...

  3. [Python Study Notes]Socket模拟ssh执行cmd并记录遇到的问题

    服务器端: 流程: 1.创建servert实例 2.绑定地址和端口 3.开始监听 4.创建客户端连接实例 5.等待客户端的消息 6.......... # The_author = 'liu66' # ...

  4. 腾讯IVWEB前端工程化工具feflow思考与实践

    本篇文章主要介绍腾讯IVWEB团队从0到1在工程化的思考和实践.feflow的全称是Front-end flow(前端工作流),致力于提升研发效率和规范的工程化解决方案.愿景是通过feflow,可以使 ...

  5. Swift百万线程攻破单例（Singleton)模式

    一.不安全的单例实现 在上一篇文章我们给出了单例的设计模式,直接给出了线程安全的实现方法.单例的实现有多种方法,如下面: class SwiftSingleton { class var shared ...

  6. 正则表达式的方法：replace，match，test（replace参数可以是回调函数）

    1.replace: 作用对象:字符串 功能:用于替换字符串中的某些字符 参数:(1)正则表达式 (2)要替换的字符串 或者 回调函数 var str="1 2 3 4 5 6 7 8 9& ...

  7. 基于agenda的Nodejs定时任务管理框架搭建

    0.背景 在大型项目中,定时任务的应用场景越来越广.一般来说,按照微服务的思想,我们会将定时任务单独部署一套服务,核心的业务接口独立到另一个服务中,从而降低相互之间的耦合程度.在需要使用定时任务时,只 ...

  8. springmvc+mybatis+mysql 数据库插入中文是乱码

    java web项目,前台页面的表单数据,插入到数据库时,结果出现乱码"???"的问题,断断续续折腾了一天时间,废话不说,步骤如下: 一:在web.xml中配置:编码格式拦截器 & ...

  9. java1环境与简介

    java1环境与简介   Ⅰ 个人简介 陈鹏 联系方式:15828682774 2012 年至今,从事软件开发 5 年. 1 年新加坡海外工作经历. 先后在民企.外企.创业公司做过开发. 熟悉 JAV ...

  10. SQLite常用函数及语句

    SQLite3.0使用的是C的函数接口,常用函数如下: sqlite3_open() //打开数据库 sqlite3_close() //关闭数据库 sqlite3_exec() //执行sql语句, ...