---
title: "Självuppdaterande fält?"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/151969-självuppdaterande-fält"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "reka1"
published: "2006-10-02T13:13:13.000Z"
updated: "2006-10-02T13:50:42.000Z"
replies: 2
views: 326
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/javascript/151969-självuppdaterande-fält"
---

# Självuppdaterande fält?

## #1 — reka1, 2006-10-02T13:13Z

Hej!
Jag skulle vilja att ett formulärfält uppdateras vid inmatning av ett annat fält.

Tex.
Artikel: Legoask
A-pris: 200 kr
Antal: 3
Summa: 600

Fältet summa ska alltså ändras beronde på det antal man uppger.
Går det att ordna måntro?

Edit: summan skall alltså ändras efter man lämnar fältet "antal", man ska inte behöva submit:a för att få se summan.

Permalänk: https://www.webforum.nu/p/151969

## #2 — TheMagnus, 2006-10-02T13:45Z

Gjorde en liten snabbis som borde fungera som du vill: 

```
<html>
<head>
<script language="javascript">
function addera(){
  a = document.getElementById('apris').value;
  b = document.getElementById('antal').value;
  document.getElementById('summa').value = a*b;
}
</script>
</head>
<body>

<form>
<label for="art">Artikel:</label>
  <input type="text" id="art"><br />
<label for="apris">A-pris:</label>
  <input type="text" id="apris"><br />
<label for="antal">Antal:</label>
  <input type="text" id="antal" onchange="addera();"><br />
<label for="summa">Summa:</label>
  <input type="text" id="summa"><br />
<input type="submit" value="Skicka">
</form>

</body>
</html>
```

Permalänk: https://www.webforum.nu/p/1876393

## #3 — Peter S, 2006-10-02T13:50Z

Hej!

Nedan följer en lösning med enklare validering. Om du vill se ändringar omedelbart kan du leka med onkey/-press/-down/-up.

```
<script type="text/javascript">
function updateSum(f)
{
  var price = /^\d+(?:[\.,]\d+)?$/.exec(f.elements["price"].value);
  var quantity = /^\d+$/.exec(f.elements["quantity"].value);
  if (price && quantity){
    f.elements["sum"].value = parseFloat(price[0].replace(/,/,'.')) * parseInt(quantity[0]);
  }
}
</script>
<form>
 <input name="price" onblur="updateSum(this.form)">
 <input name="quantity" onblur="updateSum(this.form)">
 <input name="sum">
</form>
```

Permalänk: https://www.webforum.nu/p/1876394

---

Tråden på webben: https://www.webforum.nu/amne/javascript/151969-självuppdaterande-fält
