---
title: "\"Dynamisk form\""
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/67985-dynamisk-form"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "Jesper T"
published: "2003-02-11T20:03:22.000Z"
updated: "2003-02-17T11:39:58.000Z"
replies: 6
views: 399
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/67985-dynamisk-form"
---

# "Dynamisk form"

## #1 — Jesper T, 2003-02-11T20:03Z

Jag undrar om det går att få aktuell div:s inputvärden överförda till en och samma form.
Alltså när div1 är i focus så skall aktuella värden finnas i formen.
[Se exempel](http://member.webforum.nu/Jesper%20T/inputs.htm)
Eller är det bättre att göra en form för varje div?
det kan kanske bli 10 eller 15 divar på samma sida.

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

## #2 — jupiters, 2003-02-12T13:13Z

fattar inte riktigt?
har du en textruta kan  du ju lägga text från vilken div som helst i denna. Men förstår inte riktigt när du vill detta ska hända.
När du klickar på en div?

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

## #3 — Jesper T, 2003-02-12T23:38Z

Ja, när jag klickar i en "div" så skall de aktuella värdena i den diven(inputfälten), lägga sig i fälten i den sista rutan(diven). Comprende?

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

## #4 — Jesper T, 2003-02-14T07:40Z

Idéer eller förlag?

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

## #5 — Peter S, 2003-02-14T16:22Z

Någonting sådant här kanske:

```
...
<head>

<style type="text/css">
<!--

.row {
	width : 500px;
	padding : 5px;
	border : 1px solid #f00;
	margin-bottom : 20px;
}

-->
</style>

<script type="text/javascript">
<!--

var Form = {
	rows : [],
	currentInputs : [],
	actual : null,

	init : function(inputs, actual){
		var rows = document.getElementById(inputs).getElementsByTagName("div");

		for(var i=0; i<rows.length; i++){
			this.rows[i] = rows[i];
			this.rows[i].onclick = new Function("Form.displayValues(this)");
		}

		this.actual = document.getElementById(actual);
	},

	displayValues : function(o){
		this.initCurrentInputs(o);
		var str = "";

		for(var i=0; i<this.currentInputs.length; i++)
			str += "&lt;input type=\""+ this.currentInputs[i].type +"\" name=\""+ this.currentInputs[i].name +"\" value=\""+ this.currentInputs[i].value +"\"&gt;";

		this.actual.innerHTML = str;
	},

	initCurrentInputs : function(obj){
		var inputs = obj.getElementsByTagName("input");

		for(var i=0; i<inputs.length; i++)
			this.currentInputs[i] = inputs[i];
	}
};

window.onload = function(){
	Form.init("inputs", "actual");
};

//-->
</script>

</head>

<body>

<form name="inputs" id="inputs">

<div class="row">
	<input type="text" name="textfield1"><input type="text" name="textfield2"><input type="text" name="textfield3"> 1
</div>

<div class="row">
	<input type="text" name="textfield1"><input type="text" name="textfield2"><input type="text" name="textfield3"> 2
</div>

<div class="row">
	<input type="text" name="textfield1"><input type="text" name="textfield2"><input type="text" name="textfield3"> 3
</div>

<div class="row">
	<input type="text" name="textfield1"><input type="text" name="textfield2"><input type="text" name="textfield3"> 4
</div>

<div class="row">
	<input type="text" name="textfield1"><input type="text" name="textfield2"><input type="text" name="textfield3"> 5
</div>

<div class="row">
	<input type="text" name="textfield1"><input type="text" name="textfield2"><input type="text" name="textfield3"> 6
</div>

<div class="row">
	<input type="text" name="textfield1"><input type="text" name="textfield2"><input type="text" name="textfield3"> 7
</div>

<div class="row">
	<input type="text" name="textfield1"><input type="text" name="textfield2"><input type="text" name="textfield3"> 8
</div>

</form>

<div class="row" id="actual"></div>

</body>
...
```

 :)

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

## #6 — Jesper T, 2003-02-17T09:20Z

Detta är ju f-n helt underbart. Men nu är det ju så att det inte skall vara "text" i den sista diven utan förstås en  vanlig form med  inputsfält. Hur löses det?

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

## #7 — Jojoxx, 2003-02-17T11:39Z

```
	displayValues : function(o){
		this.initCurrentInputs(o);
		var str = "<form>";
		for(var i=0; i<this.currentInputs.length; i++)
			str += "<input type=\""+ this.currentInputs[i].type +"\" name=\""+ this.currentInputs[i].name +"\" value=\""+ this.currentInputs[i].value +"\">";
		str+="</form>"
		this.actual.innerHTML = str;
	},
```

eller?

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

---

Tråden på webben: https://www.webforum.nu/amne/javascript/67985-dynamisk-form
