[js] Select waarde niet kunnen selecteren.

[Verwijderd]

Hallo, ik zit met een klein probleempje.

Ik heb een aantal categorien, die in een select box zitten (dropdown, html).
Nu zijn ze allemaal selecteerbaar. Nu mogen een aantal categorien en waardes niet te selecteren zijn.
Deze hebben al een lege value, ipv een nummer.

nu heb ik dit scriptje gemaakt:

JavaScript:

function categorySelect(elem) {
  if (elem.options[elem.selectedIndex] == "")
    elem.options[elem.selectedIndex].selected = false;
}

wat op de onchange event zit van de select. Dit werkt wel in mozilla, maar niet in IE.

Weet iemand hoe ik dit voor elkaar kan krijgen in beide browsers?

[crisp]

Je zou de selectedIndex waarde op een default waarde kunnen zetten:

HTML:

<select onchange="if(this[this.selectedIndex].value=='')this.selectedIndex=0">
  <option value="">Maak een keuze</option>
  <option value="iets">tralalalala</option>
  <option value="">niet kiezen</option>
  <option value="iets">tralalalala</option>
  <option value="">niet kiezen</option>
  <option value="iets">tralalalala</option>
</select>

[Koeniepoenie]

Als je misschien een soort van menu met subjes in je option wilt. En dat je dan je 'parent' options niet geselecteerd wilt hebben.

offtopic:
* als je uberhaupt begrijpt wat ik bedoel,

Dan moet je eens naar de tag <optgroup> kijken, die bied dan wel uitkomst denk ik

[crisp]

KoenieMan schreef op 18 augustus 2004 @ 22:42:
Als je misschien een soort van menu met subjes in je option wilt. En dat je dan je 'parent' options niet geselecteerd wilt hebben.

offtopic:
* als je uberhaupt begrijpt wat ik bedoel,

Dan moet je eens naar de tag <optgroup> kijken, die bied dan wel uitkomst denk ik

Bedenk dan wel dat IE < versie 6 dat niet ondersteund, en de visualisatie ervan in veel andere browsers nogal te wensen over laat.

[MarkvE]

Verwijderd schreef op 18 augustus 2004 @ 22:19:
Hallo, ik zit met een klein probleempje.

Ik heb een aantal categorien, die in een select box zitten (dropdown, html).
Nu zijn ze allemaal selecteerbaar. Nu mogen een aantal categorien en waardes niet te selecteren zijn.
Deze hebben al een lege value, ipv een nummer.

nu heb ik dit scriptje gemaakt:

JavaScript:

function categorySelect(elem) {
  if (elem.options[elem.selectedIndex] == "")
    elem.options[elem.selectedIndex].selected = false;
}

wat op de onchange event zit van de select. Dit werkt wel in mozilla, maar niet in IE.

Weet iemand hoe ik dit voor elkaar kan krijgen in beide browsers?

Vergeet je niet gewoon .value toe te voegen?

Dus:

JavaScript:

function categorySelect(elem) {
  if (elem.options[elem.selectedIndex].value == "")
    elem.options[elem.selectedIndex].selected = false;
}