---
title: "Markera alla i en SELECT"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/69720-markera-alla-i-en-select"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "edebro"
published: "2003-02-28T21:53:57.000Z"
updated: "2003-08-31T13:31:28.000Z"
replies: 7
views: 261
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/69720-markera-alla-i-en-select"
---

# Markera alla i en SELECT

## #1 — edebro, 2003-02-28T21:53Z

Jag vill kunna markera alla val i en SELECT-ruta med multipla val (multiple).

Något sånt här **borde** fungera enligt mig, men uppenbarligen inte;

```
<html>
<body>

<script language="javascript">
function selectAll() {
	var options = document.mikael.selectMany.options.length;
	for (i=0;i<=options;i++) {
		document.mikael.selectMany.options[i].selected;
	}

}
</script>

<form name="mikael">

<select name="selectMany" size="6" multiple>
	<option value="ksks">Val ett</option>
	<option value="ksks2">Val två</option>
	<option value="ksks3">Val tre</option>
	<option value="ksks4">Val fyra</option>
	<option value="ksks5">Val fem</option>
</select><br>
<button onClick="selectAll()">Select all</button>

</form>

</body>
</html>
```

Om någon kan knäcka denna nöt är jag väldigt tacksam.

Mvh

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

## #2 — Peter S, 2003-02-28T22:36Z

Du fick nästan till det  :bire 

```
function selectAll() {
	var options = document.mikael.selectMany.options.length;
	for (i=0;i<options;i++) {
		document.mikael.selectMany.options[i].selected = [b]true[/b];
	}
}
```

Notera att for-loopen endast skall köras så länge "i" är mindre än "options", samt att du måste sätta "document.mikael.selectMany.options*.selected" till "true".

 :)*

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

## #3 — edebro, 2003-02-28T22:47Z

ahhh, givetvis måste man även sätta den till true \*dunkar skallen i skrivaren\*

Tack som faan för upplysningen :beer

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

## #4 — edebro, 2003-02-28T23:09Z

Bifogar mitt färdiga script om någon skulle behöva det i framtiden;

```
<html>
<body>

<script language="javascript">
var allSelected = false;

function selectAll() {
	var options = document.mikael.selectMany.options.length;
	
	if (allSelected) {
		for (i=0;i<options;i++) {
			document.mikael.selectMany.options[i].selected = false;
		}
		
		allSelected = false;
		document.mikael.button1.value = "Select all";
	} else {
		for (i=0;i<options;i++) {
			document.mikael.selectMany.options[i].selected = true;
		}
		
		allSelected = true;
		document.mikael.button1.value = "Deselect all";
	}

}
</script>

<form name="mikael">

<select name="selectMany" size="6" multiple>
	<option value="ksks">Val ett</option>
	<option value="ksks2">Val två</option>
	<option value="ksks3">Val tre</option>
	<option value="ksks4">Val fyra</option>
	<option value="ksks5">Val fem</option>
</select><br>
<button name="button1" onClick="selectAll()">Select all</button>

</form>

</body>
</html>
```

Denna kan även avmarkera alla och ändrar texten på knappen.

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

## #5 — solbulle, 2003-02-28T23:12Z

Liten bugg är att om man markerar ett val o trycker på knappen så stämmer inte texten på den.

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

## #6 — edebro, 2003-02-28T23:18Z

Hoppsan, här jag får ta och redigera inlägget en aning ;D

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

## #7 — nkrantz, 2003-08-31T13:07Z

hur skulle man göra detta script om selectboxen heter area_id\[\]? Någon som vet?

// Nippe

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

## #8 — Jojoxx, 2003-08-31T13:31Z

Byt ut **selectMany** mot **elements\['area_id\[\]'\]**

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

---

Tråden på webben: https://www.webforum.nu/amne/javascript/69720-markera-alla-i-en-select
