---
title: "Disable på textfält beroende på select-värde"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/120225-disable-på-textfält-beroende-på-select-värde"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "Hulth"
published: "2005-01-16T02:20:56.000Z"
updated: "2005-01-16T19:13:41.000Z"
replies: 5
views: 441
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/120225-disable-på-textfält-beroende-på-select-värde"
---

# Disable på textfält beroende på select-värde

## #1 — Hulth, 2005-01-16T02:20Z

Jag har 3 st textfält. Ovanför dessa ligger det en select.

Selecten ser ut såhär:

```
<select name="vhrp" id="vhrp">
<option value="">  </option>
<option value="a">123</option>
<option value="b">456</option>
<option value="c">789</option>
</select>
```

Textfälten:

```
<input name="a" type="text">
<input name="b" type="text">
<input name="c" type="text">
```

Om jag väljer a i select:en ska textfält a bli disabled.
Om jag väljer b i select:en ska textfält b bli disabled.
Likadant med c.

Nån som vet hur man gör? Har sökt runt lite här, men förstår inte riktigt  ;)

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

## #2 — Hansen, 2005-01-16T18:09Z

Re: Disable på textfält beroende på select-värde

> **Hulth skrev:**
>
> \[...\]Har sökt runt lite här, men förstår inte riktigt  ;)

Vad är det du inte förstår?

Här är några bra länkar som kommer få dig på rätt fot:

- [Netscape - Core JavaScript Guide 1.5](http://web.archive.org/web/20031202232452/devedge.netscape.com/library/manuals/2000/javascript/1.5/guide/)
- [Netscape - Core JavaScript Reference 1.5](http://web.archive.org/web/20031202235047/devedge.netscape.com/library/manuals/2000/javascript/1.5/reference/)
- [Netscape - Gecko DOM Reference](http://www.mozilla.org/docs/dom/domref/)
- [W3C - Document Object Model (DOM) Level 1 HTML Specification](http://www.w3.org/TR/REC-DOM-Level-1/level-one-html.html)
- [W3C - Document Object Model (DOM) Level 2 HTML Specification](http://www.w3.org/TR/DOM-Level-2-HTML/)

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

## #3 — dectgap, 2005-01-16T18:20Z

```
<script type="text/javascript">
function disableOneElm(theForm, disableName) {
    var elms = ["a", "b", "c"];
    var i = elms.length;

    while(i-->0)
        theForm.elements[ elms[i] ].disabled = (elms[i] == disableName);
}
</script>

...

<form>

<select name="vhrp" id="vhrp" onchange="disableOneElm(this.form, this.options[this.selectedIndex].value)">
<option value="">  </option>
<option value="a">123</option>
<option value="b">456</option>
<option value="c">789</option>
</select>

<input name="a" type="text">
<input name="b" type="text">
<input name="c" type="text">

</form>
```

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

## #4 — Hulth, 2005-01-16T18:59Z

Om man samtidigt vill tömma och ändra bakgrundsfärg på input-rutan?

Så dels den som använder sidan ser att den inte ska användas + att jag vet att den är tom när jag sedan behandlar informationen som kommer ifrån form:en (ifall man först har skrivit något i den, sen valt bort den)

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

## #5 — dectgap, 2005-01-16T19:05Z

Ett fält som är disabled skickas inte, så du behöver inte bry dig om att tömma det av den anledningen du skriver.

För att få rätt färgen:

```
<script type="text/javascript">
function disableOneElm(theForm, disableName) {
	var disabledColor = "#f00";
    var elms = ["a", "b", "c"];
    var i = elms.length;

    while(i-->0) {
        theForm.elements[ elms[i] ].disabled = (elms[i] == disableName);
    	theForm.elements[ elms[i] ].style.backgroundColor = (elms[i] == disableName) ? disabledColor : "";
    }
}
</script>

...

<form>

<select name="vhrp" id="vhrp" onchange="disableOneElm(this.form, this.options[this.selectedIndex].value)">
<option value="">  </option>
<option value="a">123</option>
<option value="b">456</option>
<option value="c">789</option>
</select>

<input name="a" type="text">
<input name="b" type="text">
<input name="c" type="text">

</form>
```

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

## #6 — Hulth, 2005-01-16T19:13Z

Tack för att du tog dig tid dectgap =)

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

---

Tråden på webben: https://www.webforum.nu/amne/javascript/120225-disable-på-textfält-beroende-på-select-värde