Toon posts:

[html] selectbox; hoe te deselecteren?

Pagina: 1
Acties:

Verwijderd

Topicstarter
Hey stel je hebt een keuzevakje: Afbeeldingslocatie: http://home.kabelfoon.nl/~robste/keuzevakje.gif aangevinkt, hoe zorg je dattie niet meer aangevinkt is?

  • Postman
  • Registratie: Februari 2000
  • Laatst online: 03-09 22:43
F5, reset-knop :?

Nee, ff serieus: er zal best wel een javascript functie hiervoor zijn, maar ik zou dat zo niet weten (check www.hotscripts.com eens) (of wil je dat niet weten??).

  • krietjur
  • Registratie: Februari 2001
  • Laatst online: 15:58

krietjur

Where am I?

Of voeg een extra optie toe: [geen] ofzo..

  • cutter
  • Registratie: November 2000
  • Laatst online: 28-09-2025

cutter

Wannabe i7 fanboy

Gewoon een hele mooie reset knop
code:
1
<input type="reset" name="reset">

in je form zetten

of
code:
1
2
3
4
5
6
7
8
9
10
11
<form  name="form" id="form">
<select name="select" size="2">
<OPTION  VALUE="0">Argentina
</select>
<input type="reset" name="reset">
<select name="select1" size="2">
<OPTION  VALUE="0">Brazil
</select>
</form>
<input type="submit" onclick="document.form.select.selectedIndex=-1;"><br>
<input type="submit" onclick="document.form.select1.selectedIndex=-1;">

  • Tom
  • Registratie: Juni 1999
  • Niet online

Tom

>>W&G

Verwijderd

Voor MSIE zou dit moeten werken:
code:
1
document.all("selectbox").blur();

In de tag van je selectbox moet je dan het volgende opnemen:
ID="selectbox"
Het enige wat je nu nog uit moet vinden is wanneer je dit stukje code aan moet roepen..

disclaimer: Dit verhaaltje is niet getest, en het zou kunnen dat het niet helemaal/helemaal niet klopt..

Verwijderd

Wat je normaal gesproken zou doen is gewoon even alle properties ophalen voordat er iets geselecteerd wordt. Dan zie je dat bij een gewone selectbox de selectedIndex = 0 en bij een selectbox met multiple="multiple" is dat selectedIndex = -1 zoals cutter al zei. :)

  • Slagroom
  • Registratie: Juni 2001
  • Laatst online: 23-08 10:29
Op maandag 08 april 2002 09:48 schreef GHOst. het volgende:
Voor MSIE zou dit moeten werken:
code:
1
document.all("selectbox").blur();

In de tag van je selectbox moet je dan het volgende opnemen:
ID="selectbox"
Het enige wat je nu nog uit moet vinden is wanneer je dit stukje code aan moet roepen..

disclaimer: Dit verhaaltje is niet getest, en het zou kunnen dat het niet helemaal/helemaal niet klopt..
Het .blur() verhaal werk ook in Netschaap... alleen moet je niet de document.all gebruiken maar iets van

document.form_name.select_box.blur()

of niet?

  • Slagroom
  • Registratie: Juni 2001
  • Laatst online: 23-08 10:29
Hmmm er zijn hier veel mensen met verstand van de SELECT teg icm JavaScript... dus laat ik mijn vraag hier even afvuren.... ik heb op tip van iemand in een vorig (gesloten) topic... deze functie geschreven... maar ik krijg steeds de fout dat het object document.rep.dates_do.selectedIndex niet bestaat...

Wie kan me helpen?
code:
1
2
3
4
5
6
7
function SubmitForm() {
    if(document.rep.dates_do.selectedIndex == -1) {
        alert('You havn\'t selected any dates.\n\nYou can select multiple dates by keeping your\nCTRL key pressed and clicking on the dates you want to include.');
    } else {
        document.rep.submit();
    }
}

  • SWINX
  • Registratie: Juni 2001
  • Laatst online: 02-06 23:18
CTRL + klik :)

Mannen komen van Mars Tweakers, vrouwen van Venus Bokt


Verwijderd

Op maandag 08 april 2002 10:12 schreef Monstar.nl een stuk code:
In principe is dat gewoon goed, ik heb die functie even overgenomen en getest, en dat werkt bij mij gewoon. Weet je zeker dat je de juisten form- en element-namen hebt gebruikt?

  • 3o3
  • Registratie: Oktober 2001
  • Laatst online: 30-07-2006

3o3

ppl,
ik wordt echt helemaal gek want ik krijg het dus niet voor elkaar.

Als ik een _willekeurige_ combobox focus en daarna unfocus met blur werkt het gewoon niet! Krijgt iemand dit wel voor elkaar?
Misschien kan die worden geducktaped dmv een document mous click te pushen oid?

(reden: je wil niet dat als iemand uit binnen een form een selectie maakt in een combo, en vervolgens naar beneden wil scrollen met muisscrollertje/klitje **de keuze van de combo wordt veranderd**!)

  • Hangloozz
  • Registratie: Juli 1999
  • Laatst online: 13-07 17:24

Hangloozz

{ @$%&# }

waarom doe je niet een onclick met de focus op iets anders?

dit werkt bij mij iig:
code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
    <title>mekker</title>
</head>

<body>
<form>
<select name="blaat" size="1" onchange="document.forms[0].elements[1].focus();">
        <option value="1" SELECTED>melp</option>
        <option value="2">pauper</option>
        <option value="3">blaat</option>
        </select>
        <input type="submit" name="submit" value="submit" size="15">
</form>


</body>
</html>

www.jurgroessen.nl


  • 3o3
  • Registratie: Oktober 2001
  • Laatst online: 30-07-2006

3o3

dat had ik ook al gedaan, maar dat wordt erg gebruikeronvriendelijk aangezien er alléén maar comboboxen in mijn form staan...
als je dan dus met je scrollertje gaat spelen ben je in zeg 10 scrollklikjes onderaan, en overal staat dan de 1e optie geselecteerd...

hidden fields kan je helaas niet focussen, evenmin als hrefjes en dergelijke :'(

  • Hangloozz
  • Registratie: Juli 1999
  • Laatst online: 13-07 17:24

Hangloozz

{ @$%&# }

pff, wat willen mensen toch altijd vage dingen... ;(

dan zet je een resetknop onderaan en focus je die telkens.
Of ie gebruikt wordt is een tweede maar heb je iig een anker.

en anders verzin je maar wat anders. ;)

www.jurgroessen.nl


Verwijderd

Op donderdag 27 juni 2002 14:14 schreef 3o3 het volgende:

hidden fields kan je helaas niet focussen, evenmin als hrefjes en dergelijke :'(
Je kunt wel degelijk focussen op links. Normaal gesproken zie je dit niet, maar als je de met de :active selector CSS properties toekent aan de links, dan kun je dat ook daadwerkelijk zien.

  • 3o3
  • Registratie: Oktober 2001
  • Laatst online: 30-07-2006

3o3

Op donderdag 27 juni 2002 14:24 schreef Hangloozz het volgende:
pff, wat willen mensen toch altijd vage dingen... ;(

dan zet je een resetknop onderaan en focus je die telkens.
Of ie gebruikt wordt is een tweede maar heb je iig een anker.

en anders verzin je maar wat anders. ;)
tja, layouttechnisch wordt dat gewoon lelijk,
helemaal als ie helemaal onderaan staat en je pagina niet zonder scrollbalkjes op het schermpje past!
Magje weer omhoog scrollen na elke selectie - das lekker!
Op donderdag 27 juni 2002 14:26 schreef Cheatah het volgende:

Je kunt wel degelijk focussen op links. Normaal gesproken zie je dit niet, maar als je de met de :active selector CSS properties toekent aan de links, dan kun je dat ook daadwerkelijk zien.
Check! dat ga ik es proberen! thnx

  • 3o3
  • Registratie: Oktober 2001
  • Laatst online: 30-07-2006

3o3

heb een hele simpele werkende solutie gevonden:
code:
1
onChange="window.focus()";

:-) ;7



ga die css selectors nog es ff uitpluizen,
in combo xhtml werkt dat nl ook wel errrrrrg handig
Pagina: 1