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. bzoj 1975: [Sdoi2010]魔法猪学院 [k短路]

    1975: [Sdoi2010]魔法猪学院 裸题... 被double坑死了 #include <iostream> #include <cstdio> #include &l ...

  2. Access denied for user 'root'@'localhost' (using password: YES)的解决

    今天使用phpmyadmin登录远程数据库所以改了一些配置,结果回过头来登录本地mysql时来了一句mysql Access denied for user 'root'@'localhost' (u ...

  3. 用node.js搭建本地服务器

    我的第一篇笔记来写写node.js,我对node.js的并不是很了解,基本的项目路径变换还是会的.原先我下载node.js就是我想学vue.js,后来因为工作的繁忙搁浅了我的计划.最近在学习phase ...

  4. ArrayList源码阅读

    前言 数组是我们最常用最简单的数据结构,Java里对数组做了一个简单的包装,就是ArrayList,提供自动扩容的功能. 最常用法 list在我们日常代码中最为常用的做法是创建一个list,放入数据, ...

  5. shiro进行散列算法操作

    shiro最闪亮的四大特征:认证,权限,加密,会话管理 为了提高应用系统的安全性,这里主要关注shiro提供的密码服务模块: 1.加密工具类的熟悉 首先来个结构图,看看shiro提供了哪些加密工具类: ...

  6. Egret学习笔记.2 (Egret开发环境)

    配置Egret的开发环境是很简单的,去https://www.egret.com/products/engine.html下载 然后基本就是下一步下一步,安装好了就好了,装好了选择Wing组件,然后下 ...

  7. ElasticSearch 5.0.0 集群安装部署文档

    1.  搭建环境 3台物理机 操作系统 centos7 es1   192.168.31.141   4g内存   2核 es2   192.168.31.142   4g内存   2核 es3    ...

  8. 老男孩Python全栈开发（92天全）视频教程 自学笔记21

    day21课程内容:  json: #序列化 把对象(变量)从内存中 编程可存储和可传输的过程 称为序列化import jsondic={'name':'abc','age':18}with open ...

  9. MySQL 之 视图、触发器、存储过程、函数、事物与数据库锁

    浏览目录: 1.视图 2.触发器 3.存储过程 4.函数 5.事物 6.数据库锁 7.数据库备份 1.视图 视图:是一个虚拟表,其内容由查询定义.同真实的表一样,视图包含一系列带有名称的列和行数据 视 ...

  10. 项目中常用的19条MySQL优化

    声明一下:下面的优化方案都是基于 " Mysql-索引-BTree类型 " 的 一.EXPLAIN 做MySQL优化,我们要善用 EXPLAIN 查看SQL执行计划. 下面来个简单 ...