gpt4 book ai didi

javascript - 下拉菜单中的 OnClick() 事件

转载 作者:行者123 更新时间:2023-11-30 10:53:39 25 4
gpt4 key购买 nike

我有一个下拉菜单。当我在下拉列表中单击“意大利语”时,我希望显示意大利语的内容。基本上,当我从下拉列表中选择意大利语时,我想要的是将操作设置为 IT。我该如何处理?

 <% 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 函数绑定(bind)到更改 a 元素的 url 的 onchange 事件(如果您想立即更改它,则重定向到正确的 url)。

像这样的东西应该可以工作。如果您想执行更多交互式客户端功能,我建议使用像 jquery 这样的 javascript 库

改变语言()

<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>

Javascript:

function changeLanguage(language) {
var element = document.getElementById("url");
element.value = language;
element.innerHTML = language;
}

更新:

我用于测试的代码。这适用于最新版本的 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>

关于javascript - 下拉菜单中的 OnClick() 事件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3700375/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com