Avatar billede carpediem Nybegynder
20. juli 2001 - 12:08 Der er 10 kommentarer og
1 løsning

Skift til grayed out

Jeg har to input bokse. Et dropdown felt og et text felt. Hvis man vælger noget i dropdownfeltet skal textfeltet blive disabled. Er der nogen der ved hvorledes det kan gøres?
Avatar billede roenving Novice
20. juli 2001 - 12:12 #1
Brug en SPAN, og skriv noget andet ind i det i en funktion kaldt fra onChange i dropdown\'en.

hth
jes
Avatar billede carpediem Nybegynder
20. juli 2001 - 12:17 #2
rosenvig>> Kan du komme med et eksempel. Mit javascript er ikke noget at skrive hjem om.
Avatar billede tknudsen Nybegynder
20. juli 2001 - 12:28 #3
document.getElementById(\'text1\').disabled = true;


<input type=\"text\" id=\"text1\">
Avatar billede tknudsen Nybegynder
20. juli 2001 - 12:29 #4
hvis du samtidig vil ændre baggrunsfarven til grå er det:

document.getElementById(\'text1\').style.backgroundColor = \'#cccccc\';
Avatar billede tknudsen Nybegynder
20. juli 2001 - 12:30 #5
og det skal så ske på onChange i dropdown feltet:

<script>
function setDisabled()
{
document.getElementById(\'text1\').disabled = true;
document.getElementById(\'text1\').style.backgroundColor = \'#cccccc\';

}

</script>


<body>

<select onChange=\"setDisabled()\">
...options...
</select>
<input type=\"text\" id=\"text1\">
</body>
Avatar billede carpediem Nybegynder
20. juli 2001 - 12:38 #6
Thnx. Det var lige det jeg havde brug for.
Avatar billede tknudsen Nybegynder
20. juli 2001 - 13:23 #7
det var godt - du kan finde meget mere i den genre her:

http://www.w3schools.com/dhtml/default.asp
Avatar billede carpediem Nybegynder
20. juli 2001 - 14:08 #8
Kan man tjekke på valuen i dropdownboxen. Dvs, når man vælger noget i boxen, så disabler den tekstfeltet, men hvis man så vælger tilbage til ingenting, så enabler den tekstfeltet igen?

Altså noget lign:

<script>
function setDisabled()
{
if document.getElementById(\'deopdown\').value <> \'\' Then

document.getElementById(\'text1\').disabled = true;
document.getElementById(\'text1\').style.backgroundColor = \'#cccccc\';
End If
}

</script>


Avatar billede tknudsen Nybegynder
20. juli 2001 - 14:20 #9
Det er faksik sådan det gøres. Du skal bare huske at angive value i dropdownboxen:


<script language=\"javascript\">
function setDisabled()
{
    var obj = document.getElementById(\'text1\');

    if(document.getElementById(\'dropdown1\').value != \'seje\')
    {
        obj.disabled = true;
        obj.style.backgroundColor = \'#cccccc\';
    }
    else
    {
        obj.disabled = false;
        obj.style.backgroundColor = \'#ffffff\';
    }
}

</script>

<select id=\"dropdown1\" onChange=\"setDisabled()\">
<option value=\"dimser\">dimser</option>
<option value=\"er\">er</option>
<option value=\"seje\">seje</option>
</select>


du kan også teste på .text (document.getElementById(\'dropdown1\').text) i javascript, men hvis dropdown boxen er en del af en form der bliver submit\'et er det kun value som bliver sendt videre.
Avatar billede carpediem Nybegynder
20. juli 2001 - 14:40 #10
Mange tak. Det var rart.
Avatar billede peterterkildsen Nybegynder
21. juli 2001 - 10:40 #11
Eneste problem er vel, at det ikke virker i Netscape 4??
Avatar billede 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.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

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