我的 mvc4 razor 页面上有一个复选框和一个下拉列表
当我取消选中我的复选框时,我需要将下拉列表的选择重置为 0
$("#chkProcess").click(function (event) {
//on-click code goes in here.
var chkProcess = $(this);
if (chkProcess.is(':checked')) {
//do process
} else {
$('#locationSelectList').val('0');
alert("" + $("#locationSelectList option:selected").val());
}
});
当我取消选中我的复选框时,我收到显示选定索引 = 0 的警报,但在屏幕上它实际上并没有反映更改。但我也需要下拉菜单来重置屏幕上的选择。为什么我会看到这种行为,我在这里做错了什么?
我的 _layout 页面上引用了这些 Jquery 文件
<script src="@Url.Content("~/Scripts/jquery-1.5.1.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery-ui-1.8.11.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.treeview.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.ui.selectmenu.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/modernizr-1.7.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.unobtrusive-ajax.min.js")" type="text/javascript"></script>
我尝试了所有这些
$('#locationSelectList').attr('selectedIndex', '0');
$('#locationSelectList').val('0');
但我可以在警报消息中看到它正在重置选定的索引,但在页面上没有得到相同的反映。