CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg

Log ind eller opret profil

Du kan også logge ind via nedenstående tjenester

krab Praktikant

22. juni 2007 - 09:28 Der er 3 kommentarer og
1 løsning

Select html box, deselect item onclick

Hey..

Ved ikke om mit spm er nemt eller ej..

Jeg skal bruge noget javakode der kan::

Har en HTML selectbox med et vilkårligt antal options, når selectbox'en loades er alle selected,. Efterfølgende skal de kunne deselectes enkeltvis ved at klikke på de options man ikke skal bruge..

Hvordan kan dette lade sig gøre??

Peter

Synes godt om

krab Praktikant

22. juni 2007 - 10:08 #1

HJÆLP TAK ????

Synes godt om

roenving Novice

22. juni 2007 - 15:40 #2

Det lyder som en gruppe af checkboxes, som jo præcis kan den slags ...

-- ellers er det noget irriterende kode, for du skal ændre værdier på en ulogisk måde, prøv først om ikke checkboxene kan det, du vil !-)

Synes godt om

krab Praktikant

02. juli 2007 - 11:27 #3

Hey igen..

Tak for dit svar... Men fandt selv på noget :) ..

<html>
<head>
<title>Stilk skal give is!</title>
</head>
<body>
<script>
function in_array(needle, haystack){
for (var i = 0; i < haystack.length; i++){
if (haystack[i] == needle){
return true;
}
}
return false;
}

var selects = new Array();
function selectOption(){
var el;
for(var i = 0; i < document.getElementById("foo").length; i++){
if(document.getElementById("foo").options[i].selected){
el = document.getElementById("foo").options[i].id;
}
}

if(selects.length == 0){
selects[0] = el;
}else{
if(in_array(el,selects)){
for (var i = 0; i < selects.length; i++){
if(selects[i] == el){
selects[i] = null;
}
}
}else{
selects.push(el);
}
}

for(var i = 0; i < document.getElementById("foo").length; i++){
document.getElementById("foo").options[i].selected = false;
}

for (var i = 0; i < selects.length; i++){
if (selects[i] != null){
document.getElementById(selects[i]).selected = true;
}
}
}

</script>
<select id="foo" size="5" MULTIPLE onclick="selectOption()">
<option id="selectfoo">foo</option>
<option id="selectbar">bar</option>
<option id="selectbaz">baz</option>
</select>
</body>
</html>

Synes godt om

krab Praktikant

02. juli 2007 - 11:28 #4

lukket

Synes godt om

Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra JavaScript kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Returner ikke alt Af ingeman i JavaScript	13	26/06/202414:40	01/07/202417:00
Vis og skjul sektioner - virker kun på den første sektion Af nemlig i JavaScript	4	24/06/202422:50	26/06/202420:33
Hente og gemme Cookies like this. Af DanishBear i JavaScript	6	04/06/202416:23	05/06/202414:23
Ajax - indlæs webside og derefter hente data Af nemlig i JavaScript	4	21/05/202417:19	22/06/202422:07
Disable button efter 1. klik Af nemlig i JavaScript	2	05/05/202415:37	05/05/202416:25

Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten

Seneste artiklerRSS