Javascript jQuery:在选择最后一个下拉列表之前隐藏按钮

这里是初学者程序员，我正试图通过我学校的日程表API制作一个web调度器，所以我们有一系列下拉列表，它们构建在另一个学期、学校、科目、班级和部门中。在最后一个下拉列表中有一个选择按钮之前，我们有一个选择按钮，可以将部分保存到Cookie中并路由到下一个下拉框，我们想隐藏一个添加按钮，我们正试图通过jQuery找到它

不幸的是，它不起作用：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>
$(document).ready(function() {
    $('#addButton').hide();
    if ($('#sectionSelect').value() === '') {
      $('#addButton').hide();
    } else {
        $('#addButtton').show();
    }
});
</script>

我们通过cookies保存了节下拉列表的值，因为它的变量是通过API路由的，所以$sectionSelect.值必须从cookies中引用吗

---

谢谢你有一个jQuery错误：

//This is wrong:
$('#sectionSelect').value()

//This is right:
$('#sectionSelect').val()

---

您希望每次更改“选择”按钮时都触发“显示/隐藏”逻辑。所以像这样的事情可能会奏效

$(document).ready(function() {
    $('#sectionSelect').change(function() {
      $('#addButton').hide();
      if ($('#sectionSelect').val() === '') {
        $('#addButton').hide();
      } else {
          $('#addButtton').show();
      }
    }
});

$document.readyfunction{ $select.changefunction{ var selected_val=$select选项：selected.val； var last_val=$select选项：last-child.val； 如果选中，则值===最后一个值{ $addButton.hide； }否则{ $addButton.show； } }; }; 1. 2. 3.

---

你能在jsFiddle.net上发布一些东西吗