Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [html/js] Select, value, disabled
Forum PHP.pl > Forum > Po stronie przeglądarki
Pride
16.09.2007, 19:58:13
Witam.
Szukam sposobu jak przy wybraniu czegos w [select] <input> byl disabled='disabled'
Przykładowo:
[HTML] pobierz, plaintext 
  1. <select name='taklubnie'>
  2. <option value='yes'>yes</option>
  3. <option value='no'>no</option>
  4. </select>
[HTML] pobierz, plaintext

Jeżeli wybiore z tego np. YES to:
[HTML] pobierz, plaintext 
  1. <input type='text' size='30' name='nazwa' disabled='disabled' />
[HTML] pobierz, plaintext

jeżeli NO to:
[HTML] pobierz, plaintext 
  1. <input type='text' size='30' name='nazwa' />
[HTML] pobierz, plaintext


Wiem, ze cos takiego na 99% istnieje bo gdzies juz to stosowalem (tak mi sie przynajmniej wydaje). Jednak nie moge tego znaleźc na dysku ani w internecie tongue.gif
Z gory THX za pomoc.
ARJ
16.09.2007, 20:11:08
Kod
function disable(){
document.getElementById("nazwa").setAttribute("disabled","disabled");
}

wywołanie:
[HTML] pobierz, plaintext 
  1. <option value='yes' onclick="disable();">yes</option>
[HTML] pobierz, plaintext


funkcję możesz rozbudować o if`a który będzie sprawdzał czy input jest zablokowany czy nie i odpowiednio go blokował lub odblokowywał.
Istalacar
16.09.2007, 20:12:16
O ile dobrze pamiętam trzeba użyć albo onClick, albo onFocus i odnieść to do funkcji która aktywuje i zdezaktywuje pole
Cienki1980
16.09.2007, 20:15:08
A ja w przypadku selecta radziłbym wykorzystać onChange() zamiast onClick ... dlaczego ? A no bo selecta można obsługiwać z klawiatury ( wystarczy nadać focus i używać strzałek ) - a tego onClick już chyba nie wyłapie ...
Pride
19.09.2007, 10:25:48
No mam już jakieś podpowiedzi to.... google do boju tongue.gif Bo jak juz mowilem (a moze i nie mówiłem...) to JS nie znam kompletnie haha.gif Nawet tego warunku nie wiem jak napisac tongue.gif ale poszukam ;P Moze cos znajde ^.^

EDIT

No coś napisałem ale niestety nie działa....:
[HTML] pobierz, plaintext 
  1. <script type="text/javascript">
  2.         function disable(){
  3.             if(document.getElementById('nazwa').value==yes)document.getElementById('text1').disabled=false;
  4.             else document.getElementById('text1').disabled=true;
  5.         }
  6. </script>
  7. <select name='nazwa'>
  8. 	<option>-- wybierz z listy --</option>
  9. 	<option onchange="disable()" value='yes'>Wymagaj</option>
  10. 	<option value='no'>Nie wymagaj</option>
  11. </select>
  12. <input disabled name="text1" type="text">
[HTML] pobierz, plaintext

Nie wiem już jak to napisac tongue.gif Jakies pomysły? snitch.gif
Pozdrawiam
Istalacar
19.09.2007, 14:05:51
Zamiast name użyj id:)

<input disabled name="text1" type="text">
Zamień na:
<input disabled id="text1" type="text">
Pride
19.09.2007, 14:49:48
Cytat(Istalacar @ 19.09.2007, 15:05:51 ) *
Zamiast name użyj id:)

<input disabled name="text1" type="text">
Zamień na:
<input disabled id="text1" type="text">

Też nie działa... >.>
qqrq
19.09.2007, 15:10:44
OnChange powinno być w select'ie, nie w option:

[HTML] pobierz, plaintext 
  1. <select name='nazwa' onchange="disable()">
  2. <option>-- wybierz z listy --</option>
  3. <option value='yes'>Wymagaj</option>
  4. <option value='no'>Nie wymagaj</option>
  5. </select>
[HTML] pobierz, plaintext
Pride
19.09.2007, 15:20:28
Cytat(qqrq @ 19.09.2007, 16:10:44 ) *
OnChange powinno być w select'ie, nie w option:

[HTML] pobierz, plaintext 
  1. <select name='nazwa' onchange="disable()">
  2. <option>-- wybierz z listy --</option>
  3. <option value='yes'>Wymagaj</option>
  4. <option value='no'>Nie wymagaj</option>
  5. </select>
[HTML] pobierz, plaintext

także nie pomogło.
Nie mam już pomysłów na to... Jest ktoś tutaj kto umiał by mi to jakoś poprawnie napisać? Bo sam nie dam chyba rady.
qqrq
19.09.2007, 15:29:42
A no tak, jeszcze jedno:

[HTML] pobierz, plaintext 
  1. <script type="text/javascript">
  2. function disable(){
  3. if(document.getElementById('nazwa').options[document.getElementById('nazwa').selectedIndex] =='yes')document.getElementById('text1').disabled=false;
  4. else document.getElementById('text1').disabled=true;
  5. }
  6. </script>
[HTML] pobierz, plaintext
Istalacar
19.09.2007, 16:20:57
I jeszcze raz, nie zwróciłem uwagi, w select też trzeba "name" na "id" zmienić.
Pride
19.09.2007, 17:45:09
Z tego co zrozumiałem, ma to wyglądac tak:
[HTML] pobierz, plaintext 
  1. <html>
  2. 	<head>
  3. 		<script type="text/javascript">
  4. 			function disable(){
  5. 				if(document.getElementById('nazwa').options[document.getElementById('nazwa').selectedIndex] =='yes')document.getElementById('text1').disabled=false;
  6. 				else document.getElementById('text1').disabled=true;
  7. 			}
  8. 		</script>
  9. 	</head>
  10. 	<body>
  11. 		<select id='nazwa' onchange="disable()">
  12. 			<option>-- wybierz z listy --</option>
  13. 			<option value='yes'>Wymagaj</option>
  14. 			<option value='no'>Nie wymagaj</option>
  15. 		</select>
  16. 		<input disabled id="text1" type="text">
  17. 	</body>
  18. </html>
[HTML] pobierz, plaintext

Jednak jak zawsze... nie działa sadsmiley02.gif sciana.gif
Istalacar
19.09.2007, 19:07:18 
[HTML] pobierz, plaintext 
  1. <html>
  2. 	<head>
  3. 		<script type="text/javascript">
  4. 			function disable(){
  5. 				if(document.getElementById('nazwa').options[document.getElementById('nazwa').selectedIndex].value =='yes')document.getElementById('text1').disabled=false;
  6. 				else document.getElementById('text1').disabled=true;
  7. 			}
  8. 		</script>
  9. 	</head>
  10. 	<body>
  11. 		<select id='nazwa' onchange="disable()">
  12. 			<option>-- wybierz z listy --</option>
  13. 			<option value='yes'>Wymagaj</option>
  14. 			<option value='no'>Nie wymagaj</option>
  15. 		</select>
  16. 		<input disabled id="text1" type="text">
  17. 	</body>
  18. </html>
[HTML] pobierz, plaintext


Być może to value będzie tu kluczowe:)

Edit:
właśnie sprawdziłem ten skrypt i działa:)
W ramach sugestii możesz jeszcze podczas blokowania wyczyścić to pole co będzie w else wyglądało tak:
[HTML] pobierz, plaintext 
  1. else
  2. {
  3. 	document.getElementById('text1').value='';
  4. 	document.getElementById('text1').disabled=true;
  5. }
[HTML] pobierz, plaintext
Pride
19.09.2007, 19:23:39 
[HTML] pobierz, plaintext 
  1. function disable(){
  2.                 document.getElementById('text1').disabled=document.getElementById('nazwa').value!='yes'
  3.             }
[HTML] pobierz, plaintext

i jest good ^.^
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.
Invision Power Board © 2001-2025 Invision Power Services, Inc.