来自dropdownlist的jquery Ajax回调onchange

时间:2013-11-26 19:07:03

标签: jquery ajax callback

我有一个下拉列表和Onchange我想向我的控制器发送一个Ajax请求,如何获取实际数据或所选下拉列表选择的值以放入我的Ajax回调中。

$('#TypeFeed').change(function () {
            $.ajax({
                url: "Account/changefeed",
                type: "GET",
                 // how can I get selected value here


            });
        });

 // This is my dropdownList below id=TypeFeed
@Html.DropDownList("TypeFeed", new SelectList(new List<Object>{
                new { Text = "Local Issues", Value = "Local Issues"},new { Text ="sports", Value= "sports"}}, "Value", "Text"))

我想在这里发送值,但必须首先在回调中捕获它

public PartialViewResult changefeed(string TypeFeed)

1 个答案:

答案 0 :(得分:4)

使用val()方法获取所选OPTION的值。

$(function(){

   $('#TypeFeed').change(function () {
     var typeFeed=$(this).val();
     //do ajax now
     $.get("@Url.Action("changefeed","Home")?TypeFeed="+typeFeed,function(res){
       //do something with res now
     });
   });

});

在发送之前考虑对值进行编码。您可以使用encodeURIComponent方法。

您也可以通过这种方式发送所选项目值

     $.get("@Url.Action("changefeed","Home")",{ TypeFeed:typeFeed},function(res){
       //do something with res now
     });