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>

我试图以与Ajax jason格式相同的方式在jQuery中发送选定的值。但是我总是在后端得到空值。

两种方式都是- 这是使用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}

为什么下拉列表选择的值作为空值传递给jQuery中的控制器

1 个答案: