【轉】下拉框的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); } |