jquery - 使用 Ajax 将下拉值传递到 Controller

Question

我在谷歌上搜索了很多次，但没有找到答案。我有一个 Select html 标签，它有 3 个选项标签。我想用 Jquery Ajax 传递这些选择值，但我不能。

这是我的 Html 标签

     <select id="discount" onchange="discountPostback()" title="">
        <option value=""></option>
        <option value="0">نمایش کل </option>
        <option value="1">نمایش افراد با تخفیف</option>
        <option value="2">نمایش افراد بدون تخفیف</option>


    </select>

JavaScript

   function discountPostback() {
            debugger;


                $.ajax({
                    url: '@Url.Action("Index","Report")',
                    type: 'POST',
                    data: { type: $('discount').val },
                    success: function () {

                    },
                    error: function () {
                        alert("error");
                    }
                });
                return false;
        }

MVC Controller

public ActionResult Index(short? type)

我怎样才能传递这个值？仅此而已

Answer 1

您的代码只有几个问题。请参阅下面的工作示例。

$(document).ready(function() {
  $('#discount').on('change', function() {
    alert($('#discount').val());
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<select id="discount" onchange="discountPostback()" title="">
  <option value=""></option>
  <option value="0">نمایش کل</option>
  <option value="1">نمایش افراد با تخفیف</option>
  <option value="2">نمایش افراد بدون تخفیف</option>
</select>

您需要使用 ID 来选择选择，这需要选择器中的 #，而 val() 是用于执行此操作的 jQuery 方法。获取选择的值，而不获取其他内容，如下所示。

修复

$('#discount').val()

进一步阅读

jQuery .val()

jQuery ID selector