選擇選項 - 如何使用變更事件來顯示新聞在選擇的種類

Question

我有2代表這樣的：

• 類別{的categoryId，類別名稱}

• 新聞{NewSID的，newsTitle，的categoryId}

在我的asp.net mvc的項目，我有一個觀點：

<script type="text/javascript" src="../Scripts/jquery-1.7.1.min.js"></script> 
<script type="text/javascript"> 
    $(document).ready(
     function() 
     { 
      $("#slCategory").change(
       function() 
       { 
        var value = $(this).val(); 
        if (value == "All") 
         location.href = "GetAllByCategory"; 
        else 
         location.href = "GetAllByCategory/?category=" + value; 
       } 
      ); 
     } 
    ); 
</script> 

<h2>Get All By Category</h2> 

Select Category 
<select name="slCategory" id="slCategory">  
    <option value="All">All</option> 
    <option value="1">Sport</option> 
    <option value="2">Social</option> 
    <option value="3">Economy</option> 
</select> 

@foreach (var item in Model) 
{ 
    <p>@item.newsTitle</p> 
} 

這不行！

如何使用更改事件顯示所選類別的新聞？

Answer 1

試試這個，

<script type="text/javascript"> 
    $(document).ready(
     function() 
     { 
      $("#slCategory").change(
       function() 
       { 
        var value = $("#slCategory").val(); 
        if (value == "All") 

         window.location.href = '@Url.Action("GetAllByCategory", "YourController")' 
        else 

         window.location.href = '@Url.Action("GetAllByCategory", "YourController")?category'+ value ; 
       } 
      ); 
     } 
    ); 
</script>