下拉框的change事件

【转】下拉框的change事件

6.1，获取下拉框的值（html标签中没有onchange事件的）

$(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>

6.2，获取下拉框的值（html标签中有onchange事件的）

<body>

<dt>

<dd>

<select id="key_ESPaymentMethod" name="ESPaymentMethod" onchange="loadSettlementCycle();" allownull="1"

class="inputW130">

<option value="1" selected="selected">固定金额结算</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);

}

相关阅读:
JZOJ5906 传送门
JZOJ5907 轻功
JZOJ5904 刺客信条
JZOJ5347 遥远的金字塔
JZOJ5344 摘果子
JZOJ4742 单峰
JZOJ4725 质数序列
JZOJ2499 东风谷早苗
JZOJ4737 金色丝线将瞬间一分为二
最后的财产——模板大全

原文地址：https://www.cnblogs.com/liyuspace/p/8973603.html