Javascript 下拉列表中的OnClick()事件

Javascript 下拉列表中的OnClick()事件,javascript,html,asp-classic,Javascript,Html,Asp Classic,我有一个下拉菜单。当我点击下拉菜单中的“意大利语”时,我想显示意大利语的内容。基本上,当我从下拉列表中选择意大利语时,我想要设置动作。我该如何看待这一点 <% action = Request.QueryString("action") %> <form name="contentchanger" action="/" method="post"> <select name="flag" name="flag">

我有一个下拉菜单。当我点击下拉菜单中的“意大利语”时,我想显示意大利语的内容。基本上,当我从下拉列表中选择意大利语时,我想要设置动作。我该如何看待这一点

 <% action = Request.QueryString("action") %>

    <form name="contentchanger" action="/" method="post">
         <select name="flag" name="flag">
              <option value="Choose" selected="selected">Choose</option>
              <option value="italian" onclick="what code i should use here?">Italian</option>
         </select>
    </form>
    <a href="?action=FR">FR</a>
    <a href="?action=IT">IT</a>

    <%
    if action = "IT" Then  
      Response.Write("<p>This is italian</p>") 
    else if  action = "FR" Then  
      Response.Write("<p>This is French</p>") 
    end if
    end if
    %>

选择
意大利人

最好在选择框中使用onchange事件。Onclick并不是在所有浏览器中都能很好地工作。将javascript函数绑定到更改元素url的onchange事件(若要立即更改,则重定向到正确的url)

这样的办法应该行得通。如果您想实现更多交互式客户端功能,我建议使用类似jquery的javascript库进行编译

更改语言()

更新:

我用于测试的代码。这适用于最新版本的chrome、firefox和ie

<html>
<head>
 <script>
  function changeLanguage(language) {
   var element = document.getElementById("url");
   element.value = language;
   element.innerHTML = language;
  }
 </script>
</head>
<body>
<select onchange="changeLanguage(this.value)">
    <option value="Choose" selected="selected">Choose</option>
    <option value="IT" >Italian</option>
    <option value="FR" >France</option>
</select>

<a id="url" href="?action=IT">IT</a>
</body>
</html>

函数更改语言(语言){
var元素=document.getElementById(“url”);
元素值=语言;
element.innerHTML=语言;
}
选择
意大利人
法国

你好,马克,谢谢你的回复..我已经试过了代码,我收到了错误:/IE上试一下,你会看到以下错误:null为null或不是object奇怪,在IE 8中它对我很好。据我所知,这个功能应该与ie的旧版本兼容。您可以尝试使用jQuery重写此功能。这是一个很棒的javascript库,可以避免很多浏览器兼容性问题。将javascript放在外部js文件中也会有帮助,或者使用旧浏览器的标记来转义它。
function changeLanguage(language) {
    var element = document.getElementById("url");
    element.value = language;
    element.innerHTML = language;
}
<html>
<head>
 <script>
  function changeLanguage(language) {
   var element = document.getElementById("url");
   element.value = language;
   element.innerHTML = language;
  }
 </script>
</head>
<body>
<select onchange="changeLanguage(this.value)">
    <option value="Choose" selected="selected">Choose</option>
    <option value="IT" >Italian</option>
    <option value="FR" >France</option>
</select>

<a id="url" href="?action=IT">IT</a>
</body>
</html>