flytte options fra en select til en anden.

Jeg har to multi-select's.

<select id="meter_excluded" multiple="multiple">
<option selected="selected" value="">Ikke angivet</option>
<option value="0">akkumuleret</option>
<option value="1">kontinuer</option>
<option value="2">forbrug</option>
</select>

<select id="meter_included" multiple="multiple"></select>

Jeg vil så kunne flytte options mellem de to selects, som jeg lyster!, og har lavet en knap til hver vej.

<button type="button" onclick="includemeter();">= ></button>
<button type="button" onclick="excludemeter();">< =</button>

De to javascript metoder, ses her:

function includemeter() {
var excludedfield = document.getElementById('meter_excluded');
var includedfield = document.getElementById('meter_included');
   
for (var i = 0; i < excludedfield.options.length; i++) {
    if (excludedfield.options[i].selected)
    {
    var opt = new Option(excludedfield.options[i].text, excludedfield.options[i].value);
    includedfield.options[includedfield.options.length] = opt;
    excludedfield.options[i] = null;
    }
}
}

function excludemeter() {
var excludedfield = document.getElementById('meter_excluded');
var includedfield = document.getElementById('meter_included');
   
for (var i = 0; i < includedfield.options.length; i++) {
    if (includedfield.options[i].selected)
    {
        var opt = new Option(includedfield.options[i].text, includedfield.options[i].value);
           
    excludedfield.options[excludedfield.options.length] = opt;
    includedfield.options[i] = null;
    }
}
}

Så kommer mit problem:
Hvis jeg markerer flere options i en select for at flytte dem, kommer de ikke med, allesammen, kun nogle af dem. Jeg ville jo helst have at præcis dem, man markerer, kommer med.

Nogle guldkorn?