---
title: "Automatiskt hopp till nästa input..."
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/92132-automatiskt-hopp-till-nästa-input"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "wborg"
published: "2003-12-08T14:49:50.000Z"
updated: "2003-12-08T16:12:47.000Z"
replies: 2
views: 461
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/92132-automatiskt-hopp-till-nästa-input"
---

# Automatiskt hopp till nästa input...

## #1 — wborg, 2003-12-08T14:49Z

Tja,

Är det möjligt att få markören att automatiskt hoppa
till nästa input-ruta när man skrivit i en siffra i det fält man
står i?

Exempel: Om man står i fält 1 i nedanstående sida och skriver in en 2:a så vill jag att den automatiskt hoppar till fält 2. Max ett tecken per fält.

/S

```
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type="text/javascript">
function addera(theForm){
  var summan = 0;
  for(var i=0; i<18; i++){
  summan += (isNaN(parseFloat(theForm.elements[i].value))) ? 0 : parseFloat(theForm.elements[i].value);
  }
  theForm.summa.value = summan;
}
</script>
</head>

<body>

<center>
<form method="post" action="" name="">
<table border="0">
  <tr>
    <td><b>Varv <%=Request.QueryString("varv")%></b></td>
  </tr>
    <td>
      <table border="1" style="border-collapse: collapse" bordercolor="#000000" width="90">
        <tr>
          <td align="center" bgcolor="#CCCCCC"><b>1</b></td>
	      <td align="center" bgcolor="#CCCCCC"><b>2</b></td>
	      <td align="center" bgcolor="#CCCCCC"><b>3</b></td>
	      <td align="center" bgcolor="#CCCCCC"><b>4</b></td>
	      <td align="center" bgcolor="#CCCCCC"><b>5</b></td>
	      <td align="center" bgcolor="#CCCCCC"><b>6</b></td>
	      <td align="center" bgcolor="#CCCCCC"><b>7</b></td>
	      <td align="center" bgcolor="#CCCCCC"><b>8</b></td>
	      <td align="center" bgcolor="#CCCCCC"><b>9</b></td>
        </tr>
        <tr>
          <td align="center" bgcolor="#000000"><input type="text" name="bana1" style="text-align: center; font-weight: bold;" onblur="addera(this.form)" size="1" maxlength="1"></td>
	      <td align="center" bgcolor="#000000"><input type="text" name="bana2" style="text-align: center; font-weight: bold;" onblur="addera(this.form)" size="1" maxlength="1"></td>
	      <td align="center" bgcolor="#000000"><input type="text" name="bana3" style="text-align: center; font-weight: bold;" onblur="addera(this.form)" size="1" maxlength="1"></td>
	      <td align="center" bgcolor="#000000"><input type="text" name="bana4" style="text-align: center; font-weight: bold;" onblur="addera(this.form)" size="1" maxlength="1"></td>
	      <td align="center" bgcolor="#000000"><input type="text" name="bana5" style="text-align: center; font-weight: bold;" onblur="addera(this.form)" size="1" maxlength="1"></td>
	      <td align="center" bgcolor="#000000"><input type="text" name="bana6" style="text-align: center; font-weight: bold;" onblur="addera(this.form)" size="1" maxlength="1"></td>
	      <td align="center" bgcolor="#000000"><input type="text" name="bana7" style="text-align: center; font-weight: bold;" onblur="addera(this.form)" size="1" maxlength="1"></td>
	      <td align="center" bgcolor="#000000"><input type="text" name="bana8" style="text-align: center; font-weight: bold;" onblur="addera(this.form)" size="1" maxlength="1"></td>
	      <td align="center" bgcolor="#000000"><input type="text" name="bana9" style="text-align: center; font-weight: bold;" onblur="addera(this.form)" size="1" maxlength="1"></td>
        </tr>
        <tr>
          <td align="center" bgcolor="#CCCCCC"><b>10</b></td>
	      <td align="center" bgcolor="#CCCCCC"><b>11</b></td>
	      <td align="center" bgcolor="#CCCCCC"><b>12</b></td>
	      <td align="center" bgcolor="#CCCCCC"><b>13</b></td>
	      <td align="center" bgcolor="#CCCCCC"><b>14</b></td>
	      <td align="center" bgcolor="#CCCCCC"><b>15</b></td>
	      <td align="center" bgcolor="#CCCCCC"><b>16</b></td>
	      <td align="center" bgcolor="#CCCCCC"><b>17</b></td>
	      <td align="center" bgcolor="#CCCCCC"><b>18</b></td>
        </tr>
        <tr>
          <td align="center" bgcolor="#000000"><input type="text" name="bana10" style="text-align: center; font-weight: bold;" onblur="addera(this.form)" size="1" maxlength="1"></td>
	      <td align="center" bgcolor="#000000"><input type="text" name="bana11" style="text-align: center; font-weight: bold;" onblur="addera(this.form)" size="1" maxlength="1"></td>
	      <td align="center" bgcolor="#000000"><input type="text" name="bana12" style="text-align: center; font-weight: bold;" onblur="addera(this.form)" size="1" maxlength="1"></td>
	      <td align="center" bgcolor="#000000"><input type="text" name="bana13" style="text-align: center; font-weight: bold;" onblur="addera(this.form)" size="1" maxlength="1"></td>
	      <td align="center" bgcolor="#000000"><input type="text" name="bana14" style="text-align: center; font-weight: bold;" onblur="addera(this.form)" size="1" maxlength="1"></td>
	      <td align="center" bgcolor="#000000"><input type="text" name="bana15" style="text-align: center; font-weight: bold;" onblur="addera(this.form)" size="1" maxlength="1"></td>
	      <td align="center" bgcolor="#000000"><input type="text" name="bana16" style="text-align: center; font-weight: bold;" onblur="addera(this.form)" size="1" maxlength="1"></td>
	      <td align="center" bgcolor="#000000"><input type="text" name="bana17" style="text-align: center; font-weight: bold;" onblur="addera(this.form)" size="1" maxlength="1"></td>
	      <td align="center" bgcolor="#000000"><input type="text" name="bana18" style="text-align: center; font-weight: bold;" onblur="addera(this.form)" size="1" maxlength="1"></td>
        </tr>
        <tr>
          <td colspan="8" align="right" bgcolor="#CCCCCC"><b>SUMMA:</b>&nbsp;</td>
	      <td bgcolor="red"><input type="text" value="0" style="text-align: center; font-weight: bold; color: red;" size="1" name="summa<%=Request.QueryString("varv")%>"></td>
        </tr>
      </table>
    </td>
  </tr>
  <tr>
    <td colspan="9" align="right"><input type="submit" value="Regga">&nbsp;<input type="reset" value="Sudda"></td>
  </tr>
</table>
</form>
</center>
</body>
</html>
```

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

## #2 — Jesper T, 2003-12-08T15:38Z

Funkar inte detta:

```
<input type="text" name="bana11" style="text-align: center; font-weight: bold;" onblur="addera(this.form)" size="1" maxlength="1" onkeyup="this.form.bana12.focus()">
<input type="text" name="bana12" style="text-align: center; font-weight: bold;" onblur="addera(this.form)" size="1" maxlength="1" onkeyup="this.form.bana13.focus()" >
osv...
```

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

## #3 — wborg, 2003-12-08T16:12Z

Funkar fin-fint, tackar :)

/S

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

---

Tråden på webben: https://www.webforum.nu/amne/javascript/92132-automatiskt-hopp-till-nästa-input
