---
title: "Visa/dölja en Table med Select?"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/110999-visa-dölja-en-table-med-select"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "Jaan"
published: "2004-09-07T09:08:57.000Z"
updated: "2004-09-07T10:09:46.000Z"
replies: 1
views: 202
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/110999-visa-dölja-en-table-med-select"
---

# Visa/dölja en Table med Select?

## #1 — Jaan, 2004-09-07T09:08Z

Hej!
Behöver lite hjälp med ett problem jag har.
Jag vill kunna göra ett val i en Select och beroende på vilken man väljer ska motsvarande Table eller Td visas och dom andra gömmas.

Tex:

```
<form name="foo">
<select name="station" size="1" onchange="changeStyle(this.selectedIndex);">
	<option value="0" selected>0</option>
	<option value="1">1</option>
	<option value="2">2</option>
	<option value="3">3</option>
</select>

<table> 
	<tr id="1" style="display:none;"><td>Val1</td></tr> 
	<tr id="2" style="display:none;"><td>Val2</td></tr> 
	<tr id="3" style="display:none;"><td>Val3</td></tr> 
</table>

</form>
```

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

## #2 — Jesper T, 2004-09-07T10:09Z

```
<script>
function changeStyle(id){
document.getElementById("td_1").style.display="none";
document.getElementById("td_2").style.display="none";
document.getElementById("td_3").style.display="none";
document.getElementById("td_"+id).style.display="block";
//Eventuellt: document.getElementById("td_"+id).style.display="inline"; //Kommer inte ihåg.
};
</script>

<form name="foo">
<select name="station" size="1" onchange="changeStyle(this.selectedIndex);">
	<option value="0" selected>0</option>
	<option value="1">1</option>
	<option value="2">2</option>
	<option value="3">3</option>
</select>

<table> 
	<tr id="td_1" style="display:none;"><td>Val1</td></tr> 
	<tr id="td_2" style="display:none;"><td>Val2</td></tr> 
	<tr id="td_3" style="display:none;"><td>Val3</td></tr> 
</table>

</form>
```

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

---

Tråden på webben: https://www.webforum.nu/amne/javascript/110999-visa-dölja-en-table-med-select