javascript - jQuery:隐藏按钮直到选择最后一个下拉列表

标签 javascript jquery html

这里是初学者编码器,我正在尝试通过学校的 Schedule API 制作一个网络调度程序,因此我们有一堆相互构建的下拉菜单(学期、学校、主题、类(class)、部分)。在最后一个下拉菜单有一个选择之前(我们有一个选择按钮,可以将部分保存到 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>

我们通过 cookie 保存了部分下拉列表的值(因为它在通过 API 进行路由时可变),所以 $('#sectionSelect').value 是否必须从 cookie 中引用?

谢谢

最佳答案

你有一个 jQuery 错误:

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

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

关于javascript - jQuery:隐藏按钮直到选择最后一个下拉列表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27434444/

相关文章:

javascript - 在 php 中使用 Ajax 传递复选框值的(动态)列表

javascript - 从 DOM 中删除元素时如何检查是否发生内存泄漏?

javascript - 如何在 Javascript 中触发函数

html - -webkit-filter 在单个 div VS 多个 div 上的性能

c# - 文本框值更改未反射(reflect)在 c# 后面的代码中

javascript - 使用纬度/经度输入拖动点

javascript - 如何在 AngularJS 中为未定义的表达式值显示占位符?

javascript - 结合 window.history.pushState 返回历史记录时,页面不会重新加载

css - HTML 部分元素之间的间隙

html - 与 bootstrap.css 水平对齐(或常规 css 覆盖)