webForumDet fria alternativet

ändra värde på variabel via drop down

JavaScript

5 svar · 279 visningar · startad av Gimbo

Medlem sedan dec. 20001 626 inlägg
Frågan#1

hejsan,

hur gör man för att göra detta:

jag ska ha en drop down meny, och när jag väljer olika värden på denna drop down meny så ska ett värde bredvid dropdown menyn ändras, dvs låt oss säga att jag har en drop down meny med följande innehåll: 1,2,3,4 när jag väljer 1 så skall värdet bredvid dropdown menyn visa 1*5 dvs 5, när jag väljer 2 i drop down menyn så skall värdet 2*5 = 10 visas osv.

Medlem sedan juni 20004 308 inlägg
#2

Exempel:

<form>
<select name="foo" onchange="this.form.sum.value=parseFloat(this[this.selectedIndex].text)*5">
<option>1</option><option>2</option><option>3</option><option>4</option>
</select>
<input type="text" name="sum" value="5">
</form>
Medlem sedan dec. 20001 626 inlägg
#3

det där såg ju riktigt fint ut, men kan man inte på något sätt skippa textboxen?? vill att det skall visas som ett vanligt typsnitt och inte i en textbox

Medlem sedan mars 2000126 inlägg
#4

Ändra värde.

Menar du så här?

<html>
<head>
<title></title>
<script language="javascript">

function skrivUt(res){
	document.getElementById("lager").innerHTML=res;	
}

</script>
</head>
<body>
<form>
<select name="foo" onchange="skrivUt(parseFloat(this[this.selectedIndex].text)*5)">
<option>1</option><option>2</option><option>3</option><option>4</option>
</select>
</form>
<div id="lager" style="position:absolute; left:200px; top:200px; font-size:40px; font-style:bold;">5</div>
</body>
</html>

//Broskan

Medlem sedan juni 20004 308 inlägg
#5

Eller om du vill ha det i anknytning till select-listan istället för ett lager:

<form>
<select name="foo" onchange="document.getElementById('sum').innerHTML=parseFloat(this[this.selectedIndex].text)*5">
<option>1</option><option>2</option><option>3</option><option>4</option>
</select>
<span id="sum">5</span>
</form>
Medlem sedan dec. 20001 626 inlägg
#6

man tackar! broskan och jojoxx

262 ms totalt · 4 externa anrop · v20260731065814-full.e96017d9
124 ms — deklarationer (db)
0 ms — hämta statistik (cache)
133 ms — hämta tråd, inlägg och bilagor (db)
122 ms — ändringar (db)