Почему выбранное значение Dropdown передается как нулевое значение контроллеру в jQuery

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 jason. но я всегда получаю нулевое значение в бэкэнде.

Оба способа Здесь используется 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}