javascript - 为什么 Dropdown Selected 值作为空值传递给 jQuery 中的 Controller

Question

我有一个像这样在 Html 中创建的下拉列表。

<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>

我尝试在 jQuery 中发送选定的值，就像 Ajax JSON 格式一样。但我总是在后端得到空值。

两种方式都在这里，

使用 jQuery:

 $(document).ready(function () {

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


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

        },

        function(data, status) {
        });
});
});

Ajax 格式:

$(document).ready(function () {

        $("#secquneceDropdownId").change(function () {
            var dropdownSelected = $(this).val();
           console.log('dropdownSelected value is' + dropdownSelected); 
        $.ajax({
                type: "POST",
                url: '/IdeaOfThings//listSequences', 
                data: {isDropdownSelected: dropdownSelected},
                dataType: "json",

            success: function(data){
                if(data.success==true){
                    alert('success');
                }else if(data.success==false){
                    alert('Failed');
                }
            }
            }); 
});
});

为什么我一如既往地得到空值？

Answer 1

也许尝试改变

data: {isDropdownSelected: dropdownSelected}

到

data: {'isDropdownSelected': dropdownSelected}