---
title: "Fråga angående style=\"display:none\" och submit form"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/192586-fråga-angående-style-display-none-och-submit-form"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "Asa"
published: "2015-02-03T13:41:46.000Z"
updated: "2015-02-03T19:02:32.000Z"
replies: 9
views: 943
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/192586-fråga-angående-style-display-none-och-submit-form"
---

# Fråga angående style="display:none" och submit form

## #1 — Asa, 2015-02-03T13:41Z

Har ej sida där jag har ett formulär. När jag väljer ett val i en select lista så visas en gömt \<tr\>\</tr\> med olika input fält. Men när jag sedan postar så kommer inga värden med. Vad beror det på?

Sen inkluderar jag jquery men får som sagt inte med någon data från furmuläret. Vet nån varför?

```
    <script type="text/javascript">
        $(document).ready(function(){
            $("select#cat").change(function(){           	
            	$(".extra").hide("slow");
            
            	var id = $("select#cat option:selected").attr('value');
            	$("#extra"+id).show("slow");
        	});
    	});
    </script>

<table>
	<tr>
		<td>
			<select id="cat" name="cat" style="width:250px">
				<option value="0">... Välj kategori ...</option>
				<option value="1">Fordon</option>
				<option value="2">För hemmet</option>
				<option value="3">Personligt</option>					            
			</select>
		</td>
	</tr>
	<tr id="extra1" style="display:none" class="extra"> 
		<td>
			<b>Fält 1:</b><br />
			<input type="text" name="falt1" style="width:240px">
		</td>
	</tr>
	<tr id="extra2" style="display:none" class="extra"> 
		<td>
			<b>Fält 2:</b><br />
			<input type="text" name="falt2" style="width:240px">
		</td>
	</tr>
</table>
```

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

## #2 — prplxr, 2015-02-03T13:43Z

Pröva "visibility: hidden;". Har du satt "display: none;" så tolkar webbläsaren det som att elementet inte finns.

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

## #3 — Asa, 2015-02-03T13:47Z

Okej, får testa det då :) Annars återkommer jag. Min kod är nerstrippat från min sida.

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

## #4 — metalboy, 2015-02-03T14:00Z

> **[prplxr skrev:](https://www.webforum.nu/p/1572650)**
>
> Pröva "visibility: hidden;". Har du satt "display: none;" så tolkar webbläsaren det som att elementet inte finns.

Chrome, Firefox och Internet Explorer skickar alla tre med formulärfält som har dolts med **display: none**. Oavsett om **display: none** sätts på formulärfältet eller dess förälder. Övriga webbläsare har jag inte testat med, men tror att de fungerar likadant.

Asa: Du får gärna visa mer av din kod (hela formuläret), så har vi bättre möjlighet att testköra.

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

## #5 — voigtann1, 2015-02-03T14:32Z

som metalboy säger så spelar det ingen roll vilken display typ de har, så länge elementen är länkade (html5) eller i ett formulär.

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

## #6 — prplxr, 2015-02-03T15:28Z

Märkligt. Jag vet att jag själv haft detta problem för några år sedan, men jag minns inte riktigt omständigheterna.

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

## #7 — b242569, 2015-02-03T16:54Z

Kan det möjligen spela någon roll om man har mellanslag efter kolon? Du har inte det i koden, men både metallpojken och konsonantkillen har det i sina exempel i tråden.

Alltså style="display: none"

Annars kanske den deklarationen ska komma före selectsatserna?

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

## #8 — Asa, 2015-02-03T18:07Z

Vill någon hjälpa så kan jag maila ftp uppgifter till där det ligger så kan nån kik? Säger vilka filer som det handlar om då.

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

## #9 — voigtann1, 2015-02-03T18:46Z

räcker väl med en url bara?

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

## #10 — voigtann1, 2015-02-03T19:02Z

körde din kod på: <http://jsbin.com/hefevizoqo/1/edit>

och url:en och GET anropet som körs ser ut:

```
http://jsbin.com/hefevizoqo/1/?cat=1&falt1=asdaaa&falt2=
```

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

---

Tråden på webben: https://www.webforum.nu/amne/javascript/192586-fråga-angående-style-display-none-och-submit-form