---
title: "jQuery, samma funktion till flera objekt"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/183431-jquery-samma-funktion-till-flera-objekt"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "MickeA.com"
published: "2010-05-08T13:16:02.000Z"
updated: "2010-05-08T13:50:48.000Z"
replies: 1
views: 395
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/183431-jquery-samma-funktion-till-flera-objekt"
---

# jQuery, samma funktion till flera objekt

## #1 — MickeA.com, 2010-05-08T13:16Z

Tjena

Har den här funktionen:

```
$('#acode1,#acode2,#acode3,#acode4').click(function(e){
	var obj = $(this).attr('id');
	alert(obj);
	var $gN = $('#PhoneCountry');
	$gN.dialog("destroy");
	$gN.dialog({
		width: 330,
		height: 150,
		modal: true,
		closeOnEscape: true,
		buttons: {
			Stäng: function() {
				$(this).dialog('close');
			}
		}
	});
	$('select[name=AreaCode]').change(function(e){
		var value = $(this).val();
		$('#' + obj).val(value);
		$gN.dialog("destroy");
	});
});
```

Jag har fyra textfält med id'n *\#acode1,#acode2,#acode3 och #acode4*. När man klickar i något av fälten öppnas en popup med en rullista, som heter "AreaCode". 
Tanken är att när man valt en item i rullistan, ska dess värde fyllas i i det textfält man initialt klickat på.

Just nu funkar det endast första gången, fältet fylls i korrekt, men klickar man i nästa och väljer något i rullistan, fylls det "aktuella" fältet **samt** tidigare fält i med det nya värdet.
Har testat fram och tillbaka med *alert's* för att försöka hitta felet, men lyckas inte.

Jag antar att det är något objekt eller en variabel någonstans i funktionen som måste dödas när något valts?

Förslag?

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

## #2 — MickeA.com, 2010-05-08T13:50Z

Verkar vara "destroy" som ställer till med något, osäker på vad...

Den här koden fungerar hur som helst jättebra. Det jag gjorde istället var att "knyta" objektet till dialogrutan och sen stänger jag den istället för att förstöra den.

```
$('#acode1,#acode2,#acode3,#acode4').click(function(e){
	var $gN = $('#PhoneCountry');
	$gN.dialog("open").data("obj", $(this)); 
	$gN.dialog({
		open: function(event, ui) {

		},
		width: 330,
		height: 150,
		modal: true,
		closeOnEscape: true,
		buttons: {
			Stäng: function() {
				$(this).dialog('close');
			}
		}
	});
	$('select[name=AreaCode]').change(function(e){
		var value = $(this).val();
		$gN.data("obj").val(value);
		$gN.dialog("close");
	});
});
```

Om någon kan förklara vad skillnaden är vore det toppen, vill gärna förstå vad jag gör istället för att bara göra ;)

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

---

Tråden på webben: https://www.webforum.nu/amne/javascript/183431-jquery-samma-funktion-till-flera-objekt