4 svar · 200 visningar · startad av golgata
Jag har en dropdown meny. nu vill jag att när man ändrar något i menyn så ska det valet automatiskt visas i ett fält som syns på sidan. Man ska inte skickas vidare till någon annan sida utan det ska bara visas i textfältet.
dropmenyn heter anledning
textfältet heter anmarkning
Det går kanske att göra på flera sätt. Här är ett:
<form name="myform">
<select name="anledning" onChange="document.myform.anmarkning.value=this[this.selectedIndex].value;">
<option value="">Välj!
<option value="Detta är text1">Text1
<option value="Detta är text2">Text2
<option value="Detta är text3">Text3
</select>
<input type="text" name="anmarkning">
</form>
har testat detta men det går inte. får upp följande felmeddelande.
fel: "document.form1.anmarkning" är null eller inte ett objekt
byt till:document.form1.anmarkning.value=this[this.selectedIndex].value
Även formulärets namn måste ju då vara "form1".
Här har du en annan:
<head>
<script>
function pop(id){
var arrText = new Array(4);
arrText[0]=""
arrText[1]="textrad 1";
arrText[2]="textrad 2";
arrText[3]="textrad 3";
document.myform.anmarkning.value=arrText[id];
}
</script>
</head>
<body>
<form name="myform">
<select name="anledning" onchange="pop(this[this.selectedIndex].value)">
<option value="0">Välj!</option>
<option value="1">Text1</option>
<option value="2">Text2</option>
<option value="3">Text3</option>
</select>
<input type="text" name="anmarkning">
</form>
</body>
och en tredje:
<head>
<style>
#anmarkning{
font-family:verdana,arial;color:#ff0000;font-size:11px;
font-weight:bold;
}
</style>
<script>
function pop(id){
var arrText = new Array(4);
arrText[0]=""
arrText[1]="textrad 1";
arrText[2]="textrad 2";
arrText[3]="textrad 3";
document.getElementById('anmarkning').innerHTML=arrText[id];
}
</script>
</head>
<body>
<form name="myform">
<div id="anmarkning">Info här!</div>
<select name="anledning" onchange="pop(this[this.selectedIndex].value)">
<option value="0">Välj!</option>
<option value="1">Text1</option>
<option value="2">Text2</option>
<option value="3">Text3</option>
</select>
</form>
</body>