---
title: "selectedIndex"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/65629-selectedindex"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "nille99"
published: "2003-01-21T09:08:01.000Z"
updated: "2003-01-21T14:22:05.000Z"
replies: 1
views: 236
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/65629-selectedindex"
---

# selectedIndex

## #1 — nille99, 2003-01-21T09:08Z

jag har en rullningslista som kan ta bort inmatningsrutor
om man väljer ett alternativ

\[kod\]
document.getElementById('element_id').style.display=(this.selectedIndex==1\|\|this.selectedIndex==3)?'inline':'none';
\[kod\]

om man väljer alternativ 1 eller 3 så försvinner dom men om man väljer dom andra alternatien så kommer dom fram

nu vill jag att om man väljer tex alternativ 2 så ska inget hända

\[kod\]
document.getElementById('element_id').style.display=(this.selectedIndex==1\|\|this.selectedIndex==3)?'inline':'none';document.getElementById('element_id').style.display=(this.selectedIndex==0\|\|this.selectedIndex==2)?'none':'none';
\[kod\]

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

## #2 — Peter S, 2003-01-21T14:22Z

```
<script type="text/javascript">
<!--

function displayInput(o){
	var elm1 = document.getElementById("foo");
	var elm2 = document.getElementById("bar");

	switch(o.selectedIndex){
	case 0:
		// Ingenting händer. Coolt...
		break;
	case 1:
		elm1.style.visibility = (elm1.style.visibility == "hidden") ? "visible" : "hidden";
		break;
	case 2:
		// Ingenting händer. Ännu coolare...
		break;
	case 3:
		elm2.style.visibility = (elm2.style.visibility == "hidden") ? "visible" : "hidden";
		break;
	}
};

//-->
</script>

<body>

<form>

<select onchange="displayInput(this)">
	<option value="1">Alternativ 1</option>
	<option value="2">Alternativ 2</option>
	<option value="3">Alternativ 3</option>
	<option value="4">Alternativ 4</option>
</select>

<div>
	<input type="text" id="foo">
	<input type="text" id="bar">
</div>

</form>

</body>
```

 :)

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

---

Tråden på webben: https://www.webforum.nu/amne/javascript/65629-selectedindex
