下拉框的change事件
【转】下拉框的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); } |
