---
title: "Ända name på input mha. Select"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/103127-ända-name-på-input-mha-select"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "Melea"
published: "2004-05-06T16:54:29.000Z"
updated: "2004-05-07T16:12:35.000Z"
replies: 18
views: 344
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/103127-ända-name-på-input-mha-select"
---

# Ända name på input mha. Select

## #1 — Melea, 2004-05-06T16:54Z

Hejsan!

Tänkte bara kolla om det går att ändra namnet på en input genom att jag väljer
bland två alternativ i en select. Om jag väljer "news" så ska namnet på inputen
bytas till "Srubrik" och om jag väljer "members" i selecten så ska namnet på inputen bytas till "Susername".

Tack på förhand

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

## #2 — dectgap, 2004-05-06T19:18Z

```
<select onchange="document.getElementById('foo').name=this.options[this.selectedIndex].value">
    <option value="Srubrik">News</option>
    <option value="Susername">Members</option>
</select>

<input type="text" name="Srubrik" id="foo" />
```

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

## #3 — Melea, 2004-05-06T19:24Z

Hm, problemet är att jag måste ha "news" och "members" som value på selecten.
Vill ändå "binda" Srubrik till inputen när jag markerat "News" och vice versa.

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

## #4 — dectgap, 2004-05-06T22:47Z

```
<script type="text/javascript">
var namesArr = ["Srubrik", "Susername"];
</script>

...

<select onchange="document.getElementById('foo').name=namesArr[this.selectedIndex]">
    <option value="Srubrik">News</option>
    <option value="Susername">Members</option>
</select>

<input type="text" name="Srubrik" id="foo" />
```

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

## #5 — Melea, 2004-05-07T09:08Z

Har förklarat förskräckligt dåligt, ursäkta mig.
Jag har ett snabbsök formulär, där man kan söka på nyheter och medlemmar. Tabellerna i databasen för detta heter **nyheter** och **members** (inte jag som döpt dom :) )
Sedan har jag, på varje sökfält döpt formulären till Srubrik, Susername osv.. Med ett S som prefix för att det ska bli enklare i PHP koden.

Så här kör jag nu:

```
<select name="table" style="width:170px;">
<option value="nyheter">News</option>
<option value="members">Members</option>
</select>

<input type="text" name="[b]Srubrik[/b]" style="width:170px;">
```

Det jag vill göra är alltså, att ha kvar value="nyheter" och value="members" eftersom det avgör vilken tabell sökformuläret ska söka i, i databasen.
Fast jag vill samtidigt som man väljer News(nyheter) att inputfältets name="" ska bytas till Srubrik och när man väljer Members(members) ska inputfältets name="" bytas till Susername.

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

## #6 — Peter S, 2004-05-07T09:14Z

Fortsätter på dectgaps exempel:

```
<script type="text/javascript">
var namesArr = ["Srubrik", "Susername"];
</script>

<select name="table" style="width:170px;" onchange="document.getElementById('search').name=namesArr[this.selectedIndex]">
<option value="nyheter">News</option>
<option value="members">Members</option>
</select>

<input id="search" type="text" name="Srubrik" style="width:170px;">
```

 :)

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

## #7 — Melea, 2004-05-07T09:25Z

Namnet på input:en ändras fortfarande inte, tyvärr.

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

## #8 — Peter S, 2004-05-07T09:38Z

Har du lagt till id="search" på inputfältet? Finns något annat element med id="search" eller name="search" som kan orsaka tvetydighet?

 :)

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

## #9 — Melea, 2004-05-07T10:41Z

Tack! :)

En sak till bara, säkerligen mkt enkelt.
Om jag har en input som är hidden
\<input type="hidden" name="i" value="news"\>

Nu vill jag byta ut "news" mot "members" när jag markerar Members i selecten. Och vice versa.

Går det? :)

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

## #10 — Peter S, 2004-05-07T11:02Z

:) 

```
var namesArr = ["Srubrik", "Susername"];

function f(obj) {
    document.getElementById('search').name=namesArr[obj.selectedIndex];
    obj.form.elements["i"].value = obj.options[obj.selectedIndex].value;
}

</script>

<select name="table" style="width:170px;" onchange="f(this)">

...
```

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

## #11 — Melea, 2004-05-07T11:23Z

Kan som sagt ingenting om Javascript och aldrig orkat ta tag i det, men... i selecten, skriver jag såhär då?

```
onchange="document.getElementById('search').name=namesArr[this.selectedIndex]; f(this);"
```

Eller hur får jag in båda två?

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

## #12 — Peter S, 2004-05-07T11:48Z

Som jag skrev ovan:

```
<select name="table" style="width:170px;" onchange="f(this)">
```

 :)

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

## #13 — Melea, 2004-05-07T12:05Z

```
Objektet stöder inte egenskapen eller metoden.
```

Får jag som felmeddelande. Det är på \<select name="table" sty... raden.

Tack så hemskt mkt för att du tar dig tid annars Peter :)

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

## #14 — Peter S, 2004-05-07T12:13Z

Det är klart att man skall hjälpa till :bire 

Om jag bifogar all kod då. Bara att klippa och klistra:

```
<script type="text/javascript">
var namesArr = ["Srubrik", "Susername"];

function f(obj) {
    document.getElementById('search').name=namesArr[obj.selectedIndex];
    obj.form.elements["i"].value = obj.options[obj.selectedIndex].value;
}

</script>

<form>
    <select name="table" style="width:170px;" onchange="f(this)">
	<option value="nyheter">News</option>
	<option value="members">Members</option>
    </select>
    <input type="hidden" name="i" value="news">
    <input id="search" type="text" name="Srubrik" style="width:170px;">
</form>
```

 :)

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

## #15 — Melea, 2004-05-07T12:34Z

Får fortfarande samma fel... hade visst klippt och klistrat korrekt ;)

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

## #16 — Peter S, 2004-05-07T13:07Z

Om du ändrar funktionen *f()* till följande då?

```
function f(obj) {
    document.getElementById('search').name=namesArr[obj.selectedIndex];
    obj.form.elements["i"].value = obj.options[obj.selectedIndex].value;
}
```

 :)

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

## #17 — Melea, 2004-05-07T14:46Z

Har faktiskt redan prövat den varianten :) 
Gav samma resultat dessvärre.

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

## #18 — Peter S, 2004-05-07T15:52Z

Hm, vad kan det vara då? Kan du posta ett onlineexempel med den kod som ej fungerar?

 :)

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

## #19 — Melea, 2004-05-07T16:12Z

Sådär! Har felsökt o härjat runt i koden.
Hade visst en funktion som hette **f** redan.

Tack så mkt Peter! :)

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

---

Tråden på webben: https://www.webforum.nu/amne/javascript/103127-ända-name-på-input-mha-select