selected all

<script>
function selAll(iElem) {
  collOptions=iElem.form.select2.options;
  for (i=0;i<collOptions.length;i++) {
    collOptions[i].selected=true;
  }
}
</script>
<form onsubmit="selAll(this)">
<select name="select2" multiple size="7">
<option value="test1">test1</option>
<option value="test2">test2</option>
<option value="test3">test3</option>
<option value="test4">test4</option>
</select>

Der kommer en Fejl 'form.select2' er null eller ikke et objekt

Prøv at slette "form" i funktionens første linie, så den ser sådan ud:

function selAll(iElem) {
  collOptions=iElem.select2.options;
  for (i=0;i<collOptions.length;i++) {
    collOptions[i].selected=true;
  }
}

Så virker den!!! Tak

Typisk - glemte at fjerne form da jeg for en gangs skyld testede den.

Jeg har lavet lidt om iden

function selAll(iElem) {
//collOptions=iElem.select2.options;
  collOptions=document.forms[0].select2.options;
  for (i=0;i<collOptions.length;i++) {
    collOptions[i].selected=true;
  }
}

Det er bedre at bruge den specifikke formular, hvis nu du på et tidspunkt har mere end en formular på siden.
Derfor bruger man normalt
<form onsubmit="SelAll(this)">
og
function SelAll(iElem) {
collOptions=iElem.select2.options

eller
<input type="button" value="Vælg alle" onclick="selAll(this)">
og
function selAll(iElem) {
collOptions=iElem.form.select2.options

Hvis man vil lave en funktion der virker på begge, kan man kigge på hvilket element man har fat i.
function selAll(iElem) {
  if (iElem.tagName=="FORM") {
    collOptions=iElem.select2.options
  }else {
    collOptions=iElem.form.select2.options
  }