Notifikationer

Markér alle som læst Log ud

pfp Nybegynder

15. maj 2003 - 14:51 Der er 9 kommentarer og
1 løsning

Aktiver og deaktiver en dropdown

Hej,

Jeg har en dropdownboks med to værdier. Derudover har jeg endnu en dropdownboks. Jeg vil gerne lave sådan, at hvis -option2- er valgt i den først dropdown boks så skal dropdownbox #2 aktiveres. Hvis ikke skal dropdownbox #2 være deaktiveret.

Er der nogen der kan hjælpe med det?

Synes godt om

roenving Novice

15. maj 2003 - 14:57 #1

<select ... onchange="aktiver(this);">

function aktiver(s){
if (s.selectedIndex==1){
s.form.denAndenDropdown.disabled=true;
} else {
s.form.denAndenDropdown.disabled=false;
}
}

hth
jes

Synes godt om

pfp Nybegynder

15. maj 2003 - 15:06 #2

Hej,

Det syntes jeg ikke jeg kan få til at virke. Den står som standard på 1 i den første dropdown men der er den anden ikke disabled, og når jeg vælger 2 så får jeg fejlen:
form1.denAndenDropdown er null eller ikke et objekt.

Jeg ændret form til form1 da min form hedder det..

Synes godt om

roenving Novice

15. maj 2003 - 15:20 #3

Det jeg har skrevet forudsætter

- at de ligger på samme form
- at din anden select hedder: denAndenDropdown
- og at den anden loades som det den er fra start

altså f.eks:
<select name="denAndenDropdown" disabled>

Synes godt om

pfp Nybegynder

15. maj 2003 - 15:27 #4

Okay jeg havde ikke sat disabled på fra start, men det ændrer ikke rigtigt på det. Jeg har tjekket at de ligger i samme form og at denAndenDropdown heddder denAndenDropdown.

Synes godt om

pfp Nybegynder

15. maj 2003 - 15:31 #5

Min kode ser sådan ud:

<script language="JavaScript">

</script>

<form name="form1" method="post" action="../Funktioner.asp?mode=opretside">

<select name="Type" class="combo" onchange="aktiver(this);">
<option value="1">Hovedside</option>
<option value="2">Underside</option>
</select>

<select name="denAndenDropdown" disabled class="combo" id="denAndenDropdown">
<option value="1">Forside</option>
<option value="2">Virksomheden</option>
<option>Referencer</option>
<option>Kompetence</option>
<option>Kontakt os</option>
</select>

</form>

Synes godt om

roenving Novice

15. maj 2003 - 15:36 #6

Du har fået rettet for meget -- og så er den første 0, så det er måske:

<script language="JavaScript">

</script>

form er en property på et felt, hvis du skulle bruge det til noget på en anden form er det document.form1 osv.

Synes godt om

roenving Novice

15. maj 2003 - 15:38 #7

Sådan her dur den:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>

<head>

<title>Disable Dropdown</title>



<link rel="stylesheet" type="text/css" href="style/style.css">

<script language="javascript" type="text/javascript">
function aktiver(s){
if (s.selectedIndex==0){
s.form.denAndenDropdown.disabled=true;
} else {
s.form.denAndenDropdown.disabled=false;
}
}
</script>

<script language="javascript" type="text/javascript" src="tom.js"></script>

</head>

<body>

<form name="form1" method="post" action="../Funktioner.asp?mode=opretside">

<select name="Type" class="combo" onchange="aktiver(this);">
<option value="1">Hovedside</option>
<option value="2">Underside</option>
</select>

<select name="denAndenDropdown" disabled class="combo" id="denAndenDropdown">
<option value="1">Forside</option>
<option value="2">Virksomheden</option>
<option>Referencer</option>
<option>Kompetence</option>
<option>Kontakt os</option>
</select>

</form>
</body>

</html>

Synes godt om

roenving Novice

15. maj 2003 - 15:39 #8

Forøvrigt kunne det måske være smart, at sætte en fast værdi, når du disabler, altså:

<script language="javascript" type="text/javascript">
function aktiver(s){
if (s.selectedIndex==0){
s.form.denAndenDropdown.selectedIndex=0;
s.form.denAndenDropdown.disabled=true;
} else {
s.form.denAndenDropdown.disabled=false;
}
}
</script>

Synes godt om

pfp Nybegynder

15. maj 2003 - 16:13 #9

Tusind tak for det! Nu virker det bare perfekt.

Synes godt om

roenving Novice

15. maj 2003 - 16:15 #10

Velbekomme -- og tak for points ;~}

Synes godt om

Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra JavaScript kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
problem med download i <a href=" " download> tag i JavaScript Af Peer i JavaScript	5	27/04/202620:09	21/08/202610:41
Validering af filnavn i formular Af Strawberry i JavaScript	8	14/04/202610:11	20/04/202611:14
Mangler et JavaScript til htm side med iframe i Joomla5 Af Peder Lund Nielsen i JavaScript	2	03/02/202614:19	04/04/202616:02
Åbne en PDF fil fra en mappe Af mbl i JavaScript	9	18/04/202516:52	22/04/202512:33
Spørgsmål til cookies Af Mads i JavaScript	2	14/02/202511:47	27/06/202514:34

Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten

Seneste artiklerRSS