login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Select Multiple, maar dan met een maximum

Offline klostpret - 14/09/2005 18:08
Avatar van klostpretHTML interesse Hallo

Hoe moet ik dat doen.

Ik heb:
<select multiple="multiple"> hier vier opties </select>

Ik wil nu, dat er een maximum is aan het aantal opties dat je kan aanklikken (dus wel meerdere aan kunnen selecteren, maar maximaal 2 geselecteerd)
Hoe moet dat?

6 antwoorden

Gesponsorde links
Offline Thomas - 15/09/2005 19:13
Avatar van Thomas Moderator Twee select-boxen maken, waar je elk een verschillende waarde moet kiezen?
Of anders controleren met JavaScript.
Offline haytjes - 18/09/2005 14:53 (laatste wijziging 18/09/2005 14:53)
Avatar van haytjes Gouden medailleGouden medaille

JS gevorderde
  1. <script>
  2. function check(obj)
  3. {
  4. tel = 0;
  5. y = obj.options.length;
  6. for(x=0;x<y;x++)
  7. {
  8. if(obj.options[x].selected)
  9. {
  10. tel++;
  11. }
  12. }
  13. if(tel > 2)
  14. {
  15. alert("Je hebt te veel Options geselecteerd.");
  16. }
  17. }
  18. </script>
  19. <select multiple="multiple" onchange='check(this)'>
  20. ...
  21. </select>
Offline klostpret - 18/09/2005 15:46
Avatar van klostpret HTML interesse Bedankt! dat werkt :-)

Nog een vraagje dan: Ik wil nu een knop onder een veld hebben staan, die het veld leegmaakt. (Niet het formulier, ALLEEN het veld).

Hoe moet dat?
Offline nemesiskoen - 18/09/2005 15:52 (laatste wijziging 18/09/2005 15:53)
Avatar van nemesiskoen Gouden medaille

PHP expert
  1. <script>
  2. function del(veld)
  3. {
  4. document.all.veld.value = "";
  5. }
  6. </script>
  7. <input type="text" name="blaat" /><br />
  8. <input type="button" onClick="del('blaat')" value="del" />
Offline klostpret - 18/09/2005 15:54
Avatar van klostpret HTML interesse en bij een select-veld?
Offline haytjes - 18/09/2005 16:01 (laatste wijziging 18/09/2005 16:13)
Avatar van haytjes Gouden medailleGouden medaille

JS gevorderde
  1. <script>
  2. function del(obj)
  3. {
  4. y = obj.options.length;
  5. for(x=0;x<y;x++)
  6. {
  7. obj.options[x].selected = false;
  8. }
  9. }
  10. </script>
  11. <select multiple="multiple" id=select_name'>
  12. ...
  13. </select>
  14. <input type='button' onclick='del(document.getElementById("select_name"));'>

[edit]

nog beter is:
  1. <script>
  2. function del(veld)
  3. {
  4. document.getElementById(veld).selectedIndex = -1;
  5. }
  6. </script>
  7. <select id='test' multiple="multiple">
  8. ...
  9. </select>
  10. <input type="button" onClick="del('test')" value="del" />
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.361s