更改下拉菜单未被命中的功能

时间:2013-03-07 10:45:23

标签: jquery asp.net-mvc

我有以下下拉列表

@Html.DropDownList("SalesChannelId", Model.SalesChannels, @AuctionControllerResource.SelectSalesChannel, new { id="salesChannel", required = "required" }) 

我有以下Javascript

$('#salesChannel').change(function() {
    var selectedSalesChannel = $("#salesChannel").val();
    var seenSalesChannel = $("#seenSalesChannelId").val();
    if (selectedSalesChannel == seenSalesChannel) {
        $("#remarketingSiteList").show();
    } else {
        $("#remarketingSiteList").hide();
    }
});

但由于某些原因,当我更改下拉列表中的值时,此代码永远不会被命中。我在Firebug中放了一个断点但没有快乐。我做错了什么?

2 个答案:

答案 0 :(得分:3)

$("#SalesChannelId").change

而不是

$('#salesChannel').change

因为生成的id是辅助函数中指定的 SalesChannelId

@Html.DropDownList("SalesChannelId"

答案 1 :(得分:1)

您选择了错误的Id

试试这个

$(document).ready(function(){
$('#SalesChannelId').change(function() {
    var selectedSalesChannel = $("#SalesChannelId").val();
    var seenSalesChannel = $("#seenSalesChannelId").val();
    if (selectedSalesChannel == seenSalesChannel) {
        $("#remarketingSiteList").show();
    } else {
        $("#remarketingSiteList").hide();
    }
});
});