I have a dropdown menu. When I click on "Italian" in the dropdown, I want the content for Italian to show. Basically, what I want is to set the action to IT when I select Italian from the dropdown. How might I apprach this?
<% 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
%>
I have a dropdown menu. When I click on "Italian" in the dropdown, I want the content for Italian to show. Basically, what I want is to set the action to IT when I select Italian from the dropdown. How might I apprach this?
<% 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
%>
Share
Improve this question
edited Dec 18, 2013 at 3:37
Michael Petrotta
60.9k27 gold badges152 silver badges181 bronze badges
asked Sep 13, 2010 at 12:32
Rene ZammitRene Zammit
1,1515 gold badges19 silver badges42 bronze badges
1 Answer
Reset to default 9It is better to use onchange event on the select box. Onclick doesn't work well in all browsers. Bind a javascript function to the onchange event that changes the url of the a element (or redirect to the correct url if you want to change it instantly).
Something like this should work. I rement using a javascript libary like jquery if you want to do more interactive client side functionality
changeLanguage()
<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;
}
Update:
Code I used for my test. This works in the most recent versions of chrome, firefox and 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>