Question

我有一个存储语言的dropdown列表（fr，es，en ...）。我有一个标记 image，它根据select选项获取源代码。在变更事件工作良好，但不是在第一次加载

<asp:DropDownList ID="ddlLanguages" runat="server" AutoPostBack="false" >
  <asp:ListItem Text="Ita" Value="it-IT" /> 
  <asp:ListItem Text="Eng" Value="en-us" />
  <asp:ListItem Text="Esp" Value="es-AR" />
</asp:DropDownList>

JavaScript

$(document).ready(function () {
  $("#ddlLanguages").on('load change', function () {

    var select = $("#ddlLanguages").find(":selected").text();
    var pathItalia = "../....jpg";
    var pathInghilterra = "../....jpg";
    var pathSpagna = "../.....jpg";

    switch (select) {
      case "Ita":
        $("#flagImg").attr("src", pathItalia); 
        break;
      case "Eng":
        $("#flagImg").attr("src", pathInghilterra);
        break;
      case "Esp":
        $("#flagImg").attr("src", pathSpagna);
        break;           
    }
  });       
});

我错过了什么？

Answer 1

下拉列表并未真正加载任何内容，因此无法触发onload事件。

如果要在第一个页面加载时运行该功能，请手动触发更改事件

$("#ddlLanguages").on('change', function () {
    // your code here
}).trigger('change'); // fire on load

jQuery加载选择选项不会激活

1 个答案: