使用jquery检查下拉选项选择框的最后一个值

Question

我正在尝试使用jquery从下拉选择框中获取最后一个选项。

我这样做：

var maxOpt = $('#status option:last-child').val();
if (maxOpt != "SHIPPED") {
    console.log(maxOpt);
}

控制台保持打印未定义，即使最后一个选项是SHIPPED。

---

完整代码

<script>
                    $(document).ready(function() {

                      $("#source").change(function() {

                        var el = $(this) ;
                        var sel = document.getElementById('statusList');
                        var maxOpt = $('#status option:last-child').val();
                        if((el.val() === "ONLINE" || el.val() === "ETSY") && maxOpt !="SHIPPED") {
                        $("#statusList").append("<option value='shipped'>SHIPPED</option>");
                        console.log(maxOpt);
                        }
                          else if(el.val() === "MANUAL" ) {
                            $("#statusList option:last-child").remove() ; }
                      });

                    });
                </script>

Answer 1

尝试使用last

 $('#status option:last')

JSFIDDLE DEMO

Answer 2

它适用于我 http://jsfiddle.net/zvkCp/ 您的选择器可能存在问题：

$('#status option:last-child')

$(document).ready (function() {
  var maxOpt = $('select option:last-child').val();
  if (maxOpt != 'cuatro'){
    console.log(maxOpt);
  }
})

尝试console.log(maxOpt)关闭if条件。

Answer 3

$(function() {
    var lastOpt = $('#status').find('option:last-child').attr('value');
    if (lastOpt === 'SHIPPED') { //blah }
});