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

Question

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

我这样做:

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

即使最后一个选项已发货，控制台仍保持打印未定义状态。

<小时/>

完整代码

<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

它对我有用 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条件。