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

【问题标题】：Check last value of an drop-down option select box with jquery使用 jquery 检查下拉选项选择框的最后一个值
【发布时间】：2013-11-12 20:02:06
【问题描述】：

我正在尝试使用 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>

【问题讨论】：

你的 DOM 代码准备好了吗？？
为我工作jsfiddle.net/j08691/hZGcX
发布了完整的代码，无法让它在我身边工作

标签： jquery select drop-down-menu option

【解决方案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 条件。

【讨论】：

【解决方案2】：

尝试使用last

 $('#status option:last')

JSFIDDLE DEMO

【讨论】：

@samyb8，检查我答案中的小提琴链接。它工作正常。您使用什么浏览器和版本？
是的，我明白了。我发布了完整的代码，以防我遗漏了什么。找不到在哪里...
@samyb8。检查this fiddle。还有status 和statusList 是什么？两个元素？

【解决方案3】：

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

【讨论】：