Markera/avmarkera utan CTRL i SELECT

Eftersom detta är mitt första inlägg börjar jag med att säga hej.
- Hej alla!
- Nu till mitt problem.
Jag har en multiple select med ex 8 options. För att markera fler alternativ måste man, på PC, hålla in CTRL och klicka på ett alternativ. Finns det någon lösning där man kan klicka på ett alternativ för att markera och klicka på samma alternativ igen för att avmarkera utan att hålla in CTRL-knappen?

Dvs vill man markera fler alternativ klickar man bara på dom utan CTRL och klickar man på någon av de som är markerade skall just den avmarkeras.

Mycket tacksam för svar på denna fråga.

Någon som har någon ideé?

Hej och välkommen till wF!
Det här är enda lösningen jag kunde komma fram till...

<script type="text/javascript">
var index = -1;

function mouseDown()
{
	var f = document.frm.foo;
	index = f.selectedIndex;
}

function change(f)
{
	var f = document.frm.foo;
	if (index == f.selectedIndex)
	{
		f.blur();
		f.selectedIndex = -1;
	}
}
</script>

<form name="frm">
<select name="foo" size="5" multiple onMouseDown="mouseDown();" onMouseUp="setTimeout('change();', 100);">
	<option value="a">A</option>
	<option value="b">B</option>
	<option value="c">C</option>
</select>
</form>

Kanske lite dumt att förlita sig på setTimeout, men det var enda sättet jag kunde lösa det på.

Jag får den inte att fungera alls förrutom som en vanlig multiselect?

Problemet jag har är väl egentligen att jag inte vill att någon genom att missa att trycka ner CTRL avmarkerar alla tidigare markerade val. Då tänkte jag att en lösning som kräver ett klick till på den markerade posten avmarkerar just den endast.

Klickar du på ett alternativ så blir det markerat och klickar du på det igen så blir det av markerat.

Jo men om man vill markera fler val så avmarkeras det också.