Multiple select option form deselect na nog een keer klikken

Pagina: 1
Acties:

Vraag


Acties:
  • 0 Henk 'm!

  • Joostje123
  • Registratie: September 2010
  • Laatst online: 15:18
Als je een multiple select html form heb je selecteert optie 1 en wil deze niet meer selecteren kan dat met CTRL, dit weet ik, maar dit weet denk ik 99% van mijn site bezoekers niet.

Is er dan een optie om deze deselect te doen op nog een keer een click?
Dit zal ik kunnen doen met Javascript neem ik aan.

Maar zit dit niet toevallig ook gewoon in HTML zelf?
code:
1
2
3
4
<select multiple="multiple">
   <option value="1">1</option>
    <option value="2">2</option>
</select>

Alle reacties


Acties:
  • 0 Henk 'm!

  • simon
  • Registratie: Maart 2002
  • Laatst online: 11-10 16:42
Door de select te vervangen met options heb je denk ik iets wat veel beter overeenkomt met wat je kan begrijpen, door het goed te stylen kun je veel van wat je met de select bereikt nadoen (zie: http://www.w3schools.com/cssref/sel_checked.asp)

|>


Acties:
  • 0 Henk 'm!

  • Edwin88
  • Registratie: Januari 2005
  • Laatst online: 03-10 23:05
Joostje123 schreef op maandag 25 april 2016 @ 10:17:
Als je een multiple select html form heb je selecteert optie 1 en wil deze niet meer selecteren kan dat met CTRL, dit weet ik, maar dit weet denk ik 99% van mijn site bezoekers niet.

Is er dan een optie om deze deselect te doen op nog een keer een click?
Dit zal ik kunnen doen met Javascript neem ik aan.

Maar zit dit niet toevallig ook gewoon in HTML zelf?
code:
1
2
3
4
<select multiple="multiple">
   <option value="1">1</option>
    <option value="2">2</option>
</select>
Gebruik je al een framework in je pagina? jQuery bijvoorbeeld?

Het zit niet in HTML zelf voor zover ik weet. In jQuery is dit wel te doen. Als je Angular gebruikt is het nog simpeler.

Acties:
  • +2 Henk 'm!

  • DJMaze
  • Registratie: Juni 2002
  • Niet online
Natuurlijk zit het wel in HTML. Het is:
code:
1
2
<label><input name="options[]" value="1" type="checkbox">1</label><br/>
<label><input name="options[]" value="2" type="checkbox">2</label><br/>

Maak je niet druk, dat doet de compressor maar