webForumDet fria alternativet

Trigga event i en select <option>?

1 svar · 369 visningar · startad av butiko

butikoMedlem sedan jan. 2007152 inlägg
#1

Hej! Skulle vilja trigga ett event inne i option i en select. Kod:

<select>
  <option onclick="func1"></option>
  <option onclick="func2"></option>
</select>

Det funkar i firefox men inte explorer. Är det möjligt att göra så att det fungerar i ie?

nitro2k01Medlem sedan aug. 20039 342 inlägg
#2

Du kan göra så här:

<script type="text/javascript">

function handleSelect(th){
	switch(th.selectedIndex){
		case 0:	// Börjar räkna från 0!
			func0();
			break;	// <-- OBS! VIKTIGT!
		case 1:
			func1();
			break;	// <-- OBS! VIKTIGT!
		case 2:
			func2();
			break;	// <-- OBS! VIKTIGT!

	}
}

</script>

<select onchange="handleSelect(this);">
  <option>Alternativ 0</option>
  <option>Alternativ 1</option>
  <option>Texten måste inte innehålla siffran</option>
</select>

Om det gäller en lista med länkar kan du istället göra så här:

<script type="text/javascript">

function handleSelect(th){
	url=th.options[th.selectedIndex].value;
	if (url.length)
		window.open(url, "_top");

}

</script>

<select onchange="handleSelect(this);">
  <option value="">Välj en länk nedan</option>
  <option value="http://www.google.com">Google</option>
  <option value="http://www.webforum.nu">webForum</option>
  <option value="http://gameboygenius.8bitcollective.com">nitro2k01's hemsida</option>
</select>
257 ms totalt · 3 externa anrop · v20260731065814-full.2b84b982
132 ms — hämta forumlista (db)
123 ms — hämta statistik (db)
124 ms — hämta tråd, inlägg och bilagor (db)