---
title: "Show/hide som inte funkar i Firefox."
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/186398-show-hide-som-inte-funkar-i-firefox"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "oskars"
published: "2011-03-13T18:43:29.000Z"
updated: "2011-03-13T19:28:06.000Z"
replies: 2
views: 1025
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/186398-show-hide-som-inte-funkar-i-firefox"
---

# Show/hide som inte funkar i Firefox.

## #1 — oskars, 2011-03-13T18:43Z

Hej på er!

Long time no see!

Jag har hittat en funktion som visar/döljer divvar, och den är gjord i javascript, men jag får det inte att fungera i Firefox!

I IE fungerar scriptet som det ska. Så även i Safari... Men varför inte i Firefox?

Jag har testat många olika varianter på scriptet som jag hittat via Google, men inget har fungerat.

Har ni nått tips på lösning?

```
function give_me(myv) {

	var antal_rutor = swemerch_form_order.antal_rutor_select.options[swemerch_form_order.antal_rutor_select.selectedIndex].value
	
	if (antal_rutor == 1) { 
		document.getElementById('prod_1').style.display = 'block'; 
		document.getElementById('prod_2').style.display = 'none'; 
		document.getElementById('prod_3').style.display = 'none'; 
		document.getElementById('prod_4').style.display = 'none'; 
		document.getElementById('prod_5').style.display = 'none';
	} else if (antal_rutor == 2) {
		
		document.getElementById('prod_1').style.display = 'block'; 
		document.getElementById('prod_2').style.display = 'block'; 
		document.getElementById('prod_3').style.display = 'none'; 
		document.getElementById('prod_4').style.display = 'none'; 
		document.getElementById('prod_5').style.display = 'none';
		
	} else if (antal_rutor == 3) {
		
		document.getElementById('prod_1').style.display = 'block'; 
		document.getElementById('prod_2').style.display = 'block'; 
		document.getElementById('prod_3').style.display = 'block'; 
		document.getElementById('prod_4').style.display = 'none'; 
		document.getElementById('prod_5').style.display = 'none';
		
	} else if (antal_rutor == 4) {
		
		
		document.getElementById('prod_1').style.display = 'block'; 
		document.getElementById('prod_2').style.display = 'block'; 
		document.getElementById('prod_3').style.display = 'block'; 
		document.getElementById('prod_4').style.display = 'block'; 
		document.getElementById('prod_5').style.display = 'none';
		
	} else if (antal_rutor == 5) {
		
		document.getElementById('prod_1').style.display = 'block'; 
		document.getElementById('prod_2').style.display = 'block'; 
		document.getElementById('prod_3').style.display = 'block'; 
		document.getElementById('prod_4').style.display = 'block'; 
		document.getElementById('prod_5').style.display = 'block';
	}
	
}
```

```
<select name="antal_rutor_select" onchange="give_me();">					
	<option value="0">Välj...</option>
	<option value="1">1st</option>
	<option value="2">2st</option>
	<option value="3">3st</option>
	<option value="4">4st</option>
	<option value="5">5st</option>
</select>
```

Mvh
Oskar

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

## #2 — voigtann1, 2011-03-13T19:11Z

ändra:

```
 onchange="give_me();">
```

 till:

```
 onchange="give_me(this);">
```

och ändra 

```
var antal_rutor = swemerch_form_order.antal_rutor_select.options[swemerch_form_order.antal_rutor_select.selectedIndex].value
```

till

```
var antal_rutor = myv.value;
```

Sen känns det som att hela funktionen kan göras bättre.

Om det alltid är samma tal i din dropdown:

<http://jsbin.com/inesi/edit>

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

## #3 — oskars, 2011-03-13T19:28Z

Bussigt av dig! Stort tack för den förenklade koden!

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

---

Tråden på webben: https://www.webforum.nu/amne/javascript/186398-show-hide-som-inte-funkar-i-firefox