---
title: "Dölja ett textfält beroende på val i <select> menu"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/146011-dölja-ett-textfält-beroende-på-val-i-select-menu"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "peppar"
published: "2006-04-24T20:26:22.000Z"
updated: "2006-04-25T05:50:28.000Z"
replies: 4
views: 366
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/146011-dölja-ett-textfält-beroende-på-val-i-select-menu"
---

# Dölja ett textfält beroende på val i <select> menu

## #1 — peppar, 2006-04-24T20:26Z

Hur kan jag dölja ett textfält och en button beroende på val i en \<select\>meny.

Jag såg någon lösning för ett tag sedan där an "gråade ut" ett gäng med textfält om man markerade en radiobutton, men jag hittar inte tillbakak dit för att snoka?

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

## #2 — peppar, 2006-04-24T20:51Z

Som nedan kanske, men hur sätter man onChange på en select onClick fungerar ju inte...?!

```
<script language="javascript" type="text/javascript">

function switchThis(whatelement) {
	var objLayer = document.getElementById(whatelement);
	state = (objLayer.style.display == 'none') ? 'block' : 'none';
	objLayer.style.display = state;

}
</script>
```

```
<p>Typ av text<br />
	  <select name="artTyp" id="artTyp" >
	    <option value="1">Artikel</option>
	    <option value="2" selected>Nyhet</option>
	    <option value="3">Kr&ouml;nika</option>
	    <option value="4">Veckans producent</option>
	    <option value="5" onSwitch="switchThis('veck_prod')">Ledare</option>
      </select> 
	</p>
	<div id="veck_prod" style="display:none;">
	<p>Vilken producent skall relateras till artikeln? <br />
	  <input name="artVeckansproducent" type="text" id="artVeckansproducent" size="27" /> 
	  <input type="button" name="Förhandsgranska" value="H&auml;mta medlem" onClick="this.form.action='get_medlem.asp'; window.open('','preview','width=400,height=600,scrollbars=yes,toolbar=yes,status=yes'); this.form.target='preview'; this.form.submit();" />
	</p>
```

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

## #3 — Erik Juhlin, 2006-04-24T21:00Z

Du skrev det ju själv... onChange... Sätts på \<select\>.

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

## #4 — peppar, 2006-04-24T21:10Z

Njae, inte riktigt det jag var ute efter, om jag sätter onchange i \<select\> så switchar ju scriptet varje gång jag byter val i min lista. Jag vill switcha fram diven endast när jag väljer \<option value="5"\> som i exemplet ovan... 
Eller skall jag skita i att krånga och byta till checkboxar eller radioknapper?!   :bla   :r

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

## #5 — Erik Juhlin, 2006-04-25T05:50Z

Kolla vad som är valt istället.

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

---

Tråden på webben: https://www.webforum.nu/amne/javascript/146011-dölja-ett-textfält-beroende-på-val-i-select-menu