Asp.net mvc 3 选择选项-如何使用更改事件显示所选类别中的新闻
我有两张这样的桌子:Asp.net mvc 3 选择选项-如何使用更改事件显示所选类别中的新闻,asp.net-mvc-3,Asp.net Mvc 3,我有两张这样的桌子: 类别{categoryId,categoryName} 新闻{newsId,newsttitle,categoryId} 在我的asp.net mvc项目中,我有一个视图: <script type="text/javascript" src="../Scripts/jquery-1.7.1.min.js"></script> <script type="text/javascript"> $(document).ready(
- 类别{categoryId,categoryName}
- 新闻{newsId,newsttitle,categoryId}
<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>
}
$(文件)。准备好了吗(
函数()
{
$(“#slCategory”)。更改(
函数()
{
var值=$(this.val();
如果(值=“全部”)
location.href=“GetAllByCategory”;
其他的
location.href=“GetAllByCategory/?category=”值;
}
);
}
);
按类别获取所有信息
选择类别
全部的
运动
社会的
节约
@foreach(模型中的var项目)
{
@item.newsTitle
}
这不是工作
如何使用更改事件显示所选类别中的新闻?试试这个
<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>
$(文件)。准备好了吗(
函数()
{
$(“#slCategory”)。更改(
函数()
{
var值=$(“#slCategory”).val();
如果(值=“全部”)
window.location.href='@Url.Action(“GetAllByCategory”、“YourController”)'
其他的
window.location.href='@Url.Action(“GetAllByCategory”、“YourController”)?category'+值;
}
);
}
);
U在浏览器中调试过了吗?该函数调用了吗?第一次调用时,该函数还可以,但第二次调用时,由于找不到js文件位置,该函数不起作用,您有解决方案吗?谢谢这很奇怪为什么第一次调用函数而不是在第二次调用呢?第一次:../Scripts/jquery-1.7.1.min.js第二次:../Scripts/jquery-1.7.1.min.js无法找到,因为页面位置已更改(例如:GetAllByCategory/?category=2)你试过@Jaimin answerjquery库位置第二次更改了吗?什么解决方案?@LittleMan抱歉我不明白jquery库位置第二次更改了。请详细解释或显示您的窗口。location.href
。对不起,我的英语不好。第一:我的url是localhost/GetAllByCategory。当我在选择选项中更改值时,我的url为localhost/GetAllByCategory/?category=2,并且文件jquery-1.7.1.min.js的位置已更改,您能帮我解决该问题吗, thanks@LittleMan如果在此url localhost/GetAllByCategory/?category中调用操作,则其中是控制器名称=2@LittleMan然后您必须使用Ajax
函数。