为什么Dropdown所选值不会传递到jQuery中的后端

Question

根据这个下拉菜单，我想在后端设置四个条件。当我选择下拉菜单项时，控制台将输出所实现代码中的值。但是，当我调试程序时，将所选值传递给后端为 null 。

$(document).ready(function() {

  $("#secquneceDropdownId").change(function() {
    var dropdownSelected = $(this).val();
    console.log('dropdownSelected value is' + dropdownSelected);

    $.post("/IdeaOfThings/listSequences", {
        isDropdownSelected: dropdownSelected,

      },

      function(data, status) {});

  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<label for="filter">Type:</label>
<select class="filter" id="secquneceDropdownId">
  <option value="" selected>All</option>
  <option value="INSEQUENCE">In Sequence</option>
  <option value="OUTSEQUENCE">Out Sequence</option>
  <option value="RECIPES">Sequence Mapping</option>
</select>

为什么选择的值会在控制台中打印，但为什么它将空值传递给后端。