Witam, mam formularz :
nałóż szatę graficzną
<select name="szatagraf">
<option>ze wzoru</option>
<option>z pliku</option>
</select>
<input type="file" name="plik" />
chciałbym uzyskać coś takiego:
Jeśli szata ma być ze wzoru to input jest nieaktywny, jeśli szata ma być z pliku to pole input się uaktywnia i można dodać plik, najlepiej
by było gdyby był ukryty a po kliknięciu "z pliku" się pokazywał.
Domyslam się że będzie to js ale nie mam pojęcia jak to zrobić z selectem.
Pełna wersja: [JavaScript][PHP]zaawansowane formularze
Jeżeli wiesz jak napisać funkcję która pokaże tego inputa to podepnij sobie ją pod zdarzenie onChange. Czyli w onChange odwołujesz się do tej funkcji a w niej sprawdzasz jakie jest value z selecta i na tej podstawie pokazujesz lub ukrywasz tego inputa.
Napisałem coś takiego:
I problem w tym że to niestety nie działa. To znaczy, że nie uaktywnia pól. Pomóżcie
I problem w tym że to niestety nie działa. To znaczy, że nie uaktywnia pól. Pomóżcie
Hej
Aby zadziałało musisz usunąć właściwość "disabled" samo ustawienie jej na false nie skutkuje odblokowaniem inputu...
Pozdrawiam
Aby zadziałało musisz usunąć właściwość "disabled" samo ustawienie jej na false nie skutkuje odblokowaniem inputu...
Pozdrawiam
<input type="checkbox" name="nazwa" value="wartość" onclick="this.form.elements['nazwa2'].disabled = this.form.elements['nazwa3'].disabled = !this.checked" />
<input type="text" name="nazwa2" disabled="disabled" />
<input type="text" name="nazwa3" disabled="disabled" />
ale w takim razie to by też nie działało. A to działa.
<input type="text" name="nazwa2" disabled="disabled" />
<input type="text" name="nazwa3" disabled="disabled" />
ale w takim razie to by też nie działało. A to działa.
Fakt - zgadza się.
Nie zwróciłem uwagi na konsolę js... Wyrzuca błąd "this.form is undefined" Zrób tak:
Nie zwróciłem uwagi na konsolę js... Wyrzuca błąd "this.form is undefined"
Zrób tak:Kod
<script language=JavaScript>
<!--
function check(){
if(document.test.checker.value==1)
{
document.getElementById("nazwa2").disabled = document.getElementById("nazwa3").disabled = !document.getElementById("checker").value;
}
else alert('wybrano szatę ze wzoru');
}
//-->
</script>
<form name='test'>
<select id="checker" name=checker onChange=check()>
<option value=1>Z PLIKU
<option value=2>ZE WZORU
</select></td></tr>
<input type="text" id="nazwa2" name="nazwa2" disabled="disabled" />
<input type="text" id="nazwa3" name="nazwa3" disabled="disabled" />
</form>
<!--
function check(){
if(document.test.checker.value==1)
{
document.getElementById("nazwa2").disabled = document.getElementById("nazwa3").disabled = !document.getElementById("checker").value;
}
else alert('wybrano szatę ze wzoru');
}
//-->
</script>
<form name='test'>
<select id="checker" name=checker onChange=check()>
<option value=1>Z PLIKU
<option value=2>ZE WZORU
</select></td></tr>
<input type="text" id="nazwa2" name="nazwa2" disabled="disabled" />
<input type="text" id="nazwa3" name="nazwa3" disabled="disabled" />
</form>
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.