jquery - 更改下拉菜单的功能未被击中

Question

我有以下下拉列表

@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 中放了一个断点，但没有任何乐趣。我究竟做错了什么？

Answer 1

尝试

$("#SalesChannelId").change

代替

$('#salesChannel').change

因为生成的 id 是helper func 中指定的SalesChannelId

@Html.DropDownList("SalesChannelId"

Answer 2

你选错了Id

尝试这个

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