5 svar · 279 visningar · startad av Gimbo
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.
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>
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
Ä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
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>
man tackar! broskan och jojoxx