Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [html/js] Select, value, disabled
Pride
post
Post #1





Grupa: Zarejestrowani
Postów: 139
Pomógł: 11
Dołączył: 31.01.2005
Skąd: Bydgoszcz

Ostrzeżenie: (0%)
-----

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 (IMG:http://forum.php.pl/style_emoticons/default/tongue.gif)
Z gory THX za pomoc.
Go to the top of the page
+Quote Post
ARJ
post
Post #2





Grupa: Zarejestrowani
Postów: 453
Pomógł: 22
Dołączył: 20.09.2004
Skąd: Kraków - NH -

Ostrzeżenie: (0%)
-----

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ł.
Go to the top of the page
+Quote Post
Istalacar
post
Post #3





Grupa: Zarejestrowani
Postów: 108
Pomógł: 4
Dołączył: 3.03.2007

Ostrzeżenie: (0%)
-----

O ile dobrze pamiętam trzeba użyć albo onClick, albo onFocus i odnieść to do funkcji która aktywuje i zdezaktywuje pole
Go to the top of the page
+Quote Post
Cienki1980
post
Post #4





Grupa: Przyjaciele php.pl
Postów: 1 590
Pomógł: 40
Dołączył: 11.01.2007
Skąd: Centrum

Ostrzeżenie: (0%)
-----

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 ...
Go to the top of the page
+Quote Post
Pride
post
Post #5





Grupa: Zarejestrowani
Postów: 139
Pomógł: 11
Dołączył: 31.01.2005
Skąd: Bydgoszcz

Ostrzeżenie: (0%)
-----

No mam już jakieś podpowiedzi to.... google do boju (IMG:http://forum.php.pl/style_emoticons/default/tongue.gif) Bo jak juz mowilem (a moze i nie mówiłem...) to JS nie znam kompletnie (IMG:http://forum.php.pl/style_emoticons/default/haha.gif) Nawet tego warunku nie wiem jak napisac (IMG:http://forum.php.pl/style_emoticons/default/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 (IMG:http://forum.php.pl/style_emoticons/default/tongue.gif) Jakies pomysły? (IMG:http://forum.php.pl/style_emoticons/default/snitch.gif)
Pozdrawiam

Ten post edytował Pride 19.09.2007, 10:26:28
Go to the top of the page
+Quote Post
Istalacar
post
Post #6





Grupa: Zarejestrowani
Postów: 108
Pomógł: 4
Dołączył: 3.03.2007

Ostrzeżenie: (0%)
-----

Zamiast name użyj id:)

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

Ten post edytował Istalacar 19.09.2007, 14:06:36
Go to the top of the page
+Quote Post
Pride
post
Post #7





Grupa: Zarejestrowani
Postów: 139
Pomógł: 11
Dołączył: 31.01.2005
Skąd: Bydgoszcz

Ostrzeżenie: (0%)
-----

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... >.>
Go to the top of the page
+Quote Post
qqrq
post
Post #8





Grupa: Zarejestrowani
Postów: 418
Pomógł: 8
Dołączył: 16.11.2006

Ostrzeżenie: (0%)
-----

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
Go to the top of the page
+Quote Post
Pride
post
Post #9





Grupa: Zarejestrowani
Postów: 139
Pomógł: 11
Dołączył: 31.01.2005
Skąd: Bydgoszcz

Ostrzeżenie: (0%)
-----

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.
Go to the top of the page
+Quote Post
qqrq
post
Post #10





Grupa: Zarejestrowani
Postów: 418
Pomógł: 8
Dołączył: 16.11.2006

Ostrzeżenie: (0%)
-----

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
Go to the top of the page
+Quote Post
Istalacar
post
Post #11





Grupa: Zarejestrowani
Postów: 108
Pomógł: 4
Dołączył: 3.03.2007

Ostrzeżenie: (0%)
-----

I jeszcze raz, nie zwróciłem uwagi, w select też trzeba "name" na "id" zmienić.
Go to the top of the page
+Quote Post
Pride
post
Post #12





Grupa: Zarejestrowani
Postów: 139
Pomógł: 11
Dołączył: 31.01.2005
Skąd: Bydgoszcz

Ostrzeżenie: (0%)
-----

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 (IMG:http://forum.php.pl/style_emoticons/default/sadsmiley02.gif) (IMG:http://forum.php.pl/style_emoticons/default/sciana.gif)
Go to the top of the page
+Quote Post
Istalacar
post
Post #13





Grupa: Zarejestrowani
Postów: 108
Pomógł: 4
Dołączył: 3.03.2007

Ostrzeżenie: (0%)
----- 

[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


Ten post edytował Istalacar 19.09.2007, 19:31:13
Go to the top of the page
+Quote Post
Pride
post
Post #14





Grupa: Zarejestrowani
Postów: 139
Pomógł: 11
Dołączył: 31.01.2005
Skąd: Bydgoszcz

Ostrzeżenie: (0%)
----- 

[HTML] pobierz, plaintext 
  1. function disable(){
  2.                 document.getElementById('text1').disabled=document.getElementById('nazwa').value!='yes'
  3.             }
[HTML] pobierz, plaintext

i jest good ^.^
Go to the top of the page
+Quote Post
« Następny starszy · Po stronie przeglądarki · Następny nowszy »
 

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 15.09.2025 - 23:38
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn