Question

初学者编码器在这里，我试图通过我学校的Schedule API创建一个Web调度程序，所以我们有一堆相互构建的下拉列表（术语，学校，主题，类，部分））。直到最后一个下拉列表有一个选择（我们有一个选择按钮，将部分保存到cookie并路由下一个Dropbox），我们想隐藏一个＆＃34; Add＆＃34;按钮我们试图用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路由的变量），因此必须从Cookie中引用$（＆＃39;＃sectionSelect＆＃39;。）值？

由于

Answer 1

你有一个jQuery错误：

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

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

Answer 2

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

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

Answer 3

＆＃13;

$(document).ready(function() {

  $("select").change(function() {

    var selected_val = $("select option:selected").val();
    var last_val = $("select option:last-child").val();

    if (selected_val === last_val) {
      $("#addButton").hide();
    } else {
      $("#addButton").show();
    }
  });
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.0/jquery.min.js"></script>
<select>
  <option id="first" value="1">1</option>
  <option id="second" value="2">2</option>
  <option id="third" value="3">3</option>
</select>
<button id="addButton">ADD</button>

＆＃13;

jQuery：隐藏按钮，直到选择最后一个下拉列表

3 个答案: