javascript - 针对下拉菜单上的 ASP 列表项运行警报

Question

我有以下脚本。每次从下拉菜单中选择一种语言时，我都需要运行警报。当选择西类牙语(值:es)时，我能够发出警报，但我无法通过添加相同的脚本来运行其他语言警报。只有西类牙语发出警报。

这是脚本:

<pre>
<b>

<asp:DropDownList ID="aicLanguage" onchange="dropDownListOnChange(this);"  runat="server" name="aicLanguage" Enabled="True">

     <asp:ListItem Value="en" Text="English"></asp:ListItem>
     <asp:ListItem Value="mn" Text="Chinese"></asp:ListItem>
     <asp:ListItem Value="ja" Text="Japanese"></asp:ListItem>
     <asp:ListItem Value="pt" Text="Portuguese"></asp:ListItem>
     <asp:ListItem Value="es" Text="Spanish"></asp:ListItem>
     <asp:ListItem Value="de" Text="German"></asp:ListItem>

</asp:DropDownList> )
<pre>
<b>

     <script type='text/javascript'>
         var dropdown = document.getElementById("aicLanguage");
         dropdown.onchange = function (event) {
             if (dropdown.value == "es") {
                 alert(" SPANISH SCHEDULE")
                }
             }
</script>

Answer 1

只需将其放入函数

function go() {
   var dropdown = document.getElementById("aicLanguage");
   var pointer = dropdown.value;
   if (dropdown.value == "es") {
       alert(" SPANISH SCHEDULE");

   }
   //More With other values
   //I would consider using switch statement
 }

然后设置下拉菜单以在更改时触发该功能

 <asp:DropDownList onchange="go()" id="aicLanguage">   
     <asp:ListItem Value="en" Text="English"></asp:ListItem>
     <asp:ListItem Value="mn" Text="Chinese"></asp:ListItem>
     <asp:ListItem Value="ja" Text="Japanese"></asp:ListItem>
     <asp:ListItem Value="pt" Text="Portuguese"></asp:ListItem>
     <asp:ListItem Value="es" Text="Spanish"></asp:ListItem>
     <asp:ListItem Value="de" Text="German"></asp:ListItem>
 </asp:DropDownList>

使用 switch 语句会有帮助

switch(pointer) {
case 'es':
    alert(" SPANISH SCHEDULE");
    break;
case 'en':
    alert("English SCHEDULE");
    break;
default:
    alert("No value defined")
}

注意到我如何在函数内添加一个 var 指针并将其更改为下拉值，以便 switch 语句知道要在哪个变量上执行切换