Finns det något smart sätt att fylla en variabel med det val (value) som gjorts i en dropmeny med OnChange UTAN att ladda om sidan som i mitt exempel nedan. Hej Torbjörn, Hej John <code><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">ASP - dropmeny och Javascript
<form id=frm action=select_menu.asp method=post>
<select name=optval onchange=frm.submit()>")
<option value="">Välj ...</option>
<option value="">------------------</option>
<option value="1">Val 1</option>
<option value="2">Val 2</option>
<option value="3">Val 3</option>
<option value="4">Val 4</option>
<option value="5">Val 5</option>
<option value="6">Val 6</option>
</select>
</form>
">LinkSv: ASP - dropmeny och Javascript
Kanske kan detta hjälpa:
<form id="frm" action="select_menu.asp" method="post">
<select name="optval" onchange="document.getElementById('lnk').href='index.asp?id='+optval.options[optval.selectedIndex].value">
<option value="">Välj ...</option>
<option value="">------------------</option>
<option value="1">Val 1</option>
<option value="2">Val 2</option>
<option value="3">Val 3</option>
<option value="4">Val 4</option>
<option value="5">Val 5</option>
<option value="6">Val 6</option>
</select>
</form>
<a id="lnk" href="">Link</a>
Du får lägga till logik för att se till så att man inte kan klicka på länken hur som helst när value är tomt.
Mvh
John
Sv:ASP - dropmeny och Javascript
Tack
Precis vad jag behövde.
Jag vill också att man skall kunna klicka vidare utan att ha gjort valet innan.
Provade att flytta ned "index.asp" till <a id="lnk" href="index.asp">Link</a> men det hjälpte inte.
mvh
TorbjörnSv: ASP - dropmeny och Javascript
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title> new document </title>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<meta name="generator" content="editplus" />
<meta name="author" content="" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<script type="text/javascript">
// <![CDATA[
window.onload = function()
{
//formuläret skall inte postas
thisfrm = document.forms[0]; //getElementById("frm");
thisfrm.onSubmit = function(){ return false; }
selectBox = document.getElementById("optval");
selectBox.onchange= function(){
if (selectBox.options[selectBox.selectedIndex].value){
thslnk = document.getElementById("lnk");
thslnk.innerHTML="";
a = document.createElement("a");
a.href="index.asp?id="+ selectBox.options[selectBox.selectedIndex].value;
a.innerHTML="Klicka här för att gå vidare...";
thslnk.appendChild(a);
}
else {
thslnk = document.getElementById("lnk");
thslnk.innerHTML="<span>Välj i rullisten först<\/span>";
}
}
}
// ]]>
</script>
<style type="text/css">
body {color: black;}
p#lnk span {color: #aaa;}
a {color: #0066ff; text-decoration:none;}
</style>
</head>
<body>
<form id="frm" name="frm" action="select_menu.asp" method="post">
<select name="optval" id="optval" >
<option value="">Välj ...</option>
<option value="">------------------</option>
<option value="1">Val 1</option>
<option value="2">Val 2</option>
<option value="3">Val 3</option>
<option value="4">Val 4</option>
<option value="5">Val 5</option>
<option value="6">Val 6</option>
</select>
</form>
<p id="lnk"><span>Välj i rullisten först</span></p>
</body>
</html>
</code>
edit: Validerar nu och fungerar i IE