jQuery的Ajax回調從下拉列表中的onchange

Question

我有一個下拉列表和Onchange我想發送一個Ajax請求到我的控制器，我怎麼能得到實際的數據或選定的dropdownlist選擇的值放入我的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) 

Answer 1

使用val()方法來獲得所選擇的選項的值。

$(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 
    });