选择选项 - 如何使用更改事件在所选类别中显示新闻

Question

我有2张这样的表：

• 类别{categoryId，categoryName}

• 新闻{newsId，newsTitle，categoryId}

在我的asp.net mvc项目中，我有一个View：

<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>