Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [HTML]Lista wyboru + pole
shaolin33
post
Post #1





Grupa: Zarejestrowani
Postów: 136
Pomógł: 0
Dołączył: 5.10.2012

Ostrzeżenie: (10%)
X----

Witam,,

mam liste wyboru:


[HTML] pobierz, plaintext 
  1. <div>
  2. list wyboru:<select id="rodzaj" name="rodzaj">
  3. 		<option>1</option>
  4. 		<option>2</option>
  5. 		(...)
  6. 	</select></div>
[HTML] pobierz, plaintext



chciałbym aby po wyborze 2 opcji pojawiało się pole tekstowe w ktorym wpisze cos:)

tylko w 2 opcji smile.gif
Go to the top of the page
+Quote Post
nospor
post
Post #2





Grupa: Moderatorzy
Postów: 36 557
Pomógł: 6315
Dołączył: 27.12.2004
1) Dla OPTION nadaj wartosci czyli atrybut VALUE

2) <select id="rodzaj" name="rodzaj" onchange="if (this.value==2) alert('Jupi');">
I teraz za alert('Jupi'); wstaw sobie kod odpowiedzialny za pokaznie pola, które jest ukryte


--------------------

"Myśl, myśl, myśl..." - Kubuś Puchatek || "Manual, manual, manual..." - Kubuś Programista
"Szukaj, szukaj, szukaj..." - Kubuś Odkrywca || "Debuguj, debuguj, debuguj..." - Kubuś Developer
Go to the top of the page
+Quote Post
shaolin33
post
Post #3





Grupa: Zarejestrowani
Postów: 136
Pomógł: 0
Dołączył: 5.10.2012

Ostrzeżenie: (10%)
X---- 

[HTML] pobierz, plaintext 
  1. <div>Wyplata kredytu:<select id="wyplata_kredytu" name="wyplata_kredytu" onchange="if (this.value==2) alert('Jupi');">
  2. 		<option>gotówką w kasie Banku<value="1"></option>
  3. 		<option>w formie przelewu na rachunek nr.<value="2"></option>
  4. 		(...)
  5. 	</select></div>
[HTML] pobierz, plaintext


jesli chodzi o ukrywanie pola to chodzi o to ":


[HTML] pobierz, plaintext 
  1. onclick="document.getElementById('test').style.display = this.checked
  2.  
  3. <div id="test" style="display: none">
  4. 	<div>Imię i Nazwisko:<input type="text" name="imie_nazwisko_por2" disabled="disabled" />
[HTML] pobierz, plaintext


chyba namieszałem smile.gifsmile.gif

Ten post edytował shaolin33 22.10.2012, 12:22:30
Go to the top of the page
+Quote Post
Mega_88
post
Post #4





Grupa: Zarejestrowani
Postów: 360
Pomógł: 34
Dołączył: 20.08.2011

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

Zobacz to i pokombinuj jak zrobić z polem tekstowym:

[HTML] pobierz, plaintext 
  1. <select id="rodzaj" name="rodzaj">
  2. <option>1</option>
  3. <option class="pokaz">2</option>
  4. </select>
  5.  
  6. <input type="text" name="email" id="topokaz" style="display: none"  />
  7.  
  8. <script>
  9.     $(".pokaz").click(function () {
  10.     $("#topokaz").show("slow");
  11.     });
  12. </script>
  13.  
[HTML] pobierz, plaintext


Ten post edytował Mega_88 22.10.2012, 12:24:49
Go to the top of the page
+Quote Post
nospor
post
Post #5





Grupa: Moderatorzy
Postów: 36 557
Pomógł: 6315
Dołączył: 27.12.2004
@Mega dla OPTION nie przypisuje się zdarzeń.... prawidłowy schemat działania przedstawiłem w poprzednim poście.

<option>gotówką w kasie Banku<value="1"></option>
Co to jest? Zajrzyj proszę do pierwszego lepszego kursu HTML bo tam takie podstawy jak przypisać VALUE dla option masz wyjaśnione....


--------------------

"Myśl, myśl, myśl..." - Kubuś Puchatek || "Manual, manual, manual..." - Kubuś Programista
"Szukaj, szukaj, szukaj..." - Kubuś Odkrywca || "Debuguj, debuguj, debuguj..." - Kubuś Developer
Go to the top of the page
+Quote Post
adibak20
post
Post #6





Grupa: Zarejestrowani
Postów: 56
Pomógł: 0
Dołączył: 13.07.2011
Skąd: Lublin

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

[HTML] pobierz, plaintext 
  1. ...
  2.     <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
  3.     <script>
  4.     $(function(){
  5.     $("#rodzaj").change(function () {
  6.      var opcja=parseInt($("#rodzaj :selected").val());
  7.      if( opcja == 2 )
  8.  	   $("#topokaz").show("slow");
  9.     }); 
  10.     });
  11.     </script>
  12.   </head>
  13. <body>
  14.  
  15.  
  16. <form action="#" method="#" >
  17. <select id="rodzaj" name="rodzaj">
  18. <option>1</option>
  19. <option class="pokaz">2</option>
  20. </select>
  21.  
  22. <input type="text" name="email" id="topokaz" style="display: none"  />
  23.  
  24. </form>
[HTML] pobierz, plaintext

...

Teraz działa

Ten post edytował adibak20 22.10.2012, 12:45:12
Go to the top of the page
+Quote Post
nospor
post
Post #7





Grupa: Moderatorzy
Postów: 36 557
Pomógł: 6315
Dołączył: 27.12.2004
val() dla SELECT zwraca zaznaczoną wartość i nie trzeba kombinować tak jak ty. Wystarczy:
Kod
$("#rodzaj").change(function () {
     if( $(this).val() == "2" )
       $("#topokaz").show("slow");    
    });
});

Poza tym mieszacie autorowi tym jQuery..... co było złego w czystym i prostym js co dostał odemnie na początku?

No i przypominam nadal o VALUE dla OPTION.


--------------------

"Myśl, myśl, myśl..." - Kubuś Puchatek || "Manual, manual, manual..." - Kubuś Programista
"Szukaj, szukaj, szukaj..." - Kubuś Odkrywca || "Debuguj, debuguj, debuguj..." - Kubuś Developer
Go to the top of the page
+Quote Post
adibak20
post
Post #8





Grupa: Zarejestrowani
Postów: 56
Pomógł: 0
Dołączył: 13.07.2011
Skąd: Lublin

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

wiem ale napisałem tak aby widział z czego się to bierze, Za pomocą JQuery ja to robię zawsze ...
Go to the top of the page
+Quote Post
shaolin33
post
Post #9





Grupa: Zarejestrowani
Postów: 136
Pomógł: 0
Dołączył: 5.10.2012

Ostrzeżenie: (10%)
X----

Cytat(nospor @ 22.10.2012, 13:26:10 ) *
@Mega dla OPTION nie przypisuje się zdarzeń.... prawidłowy schemat działania przedstawiłem w poprzednim poście.

<option>gotówką w kasie Banku<value="1"></option>
Co to jest? Zajrzyj proszę do pierwszego lepszego kursu HTML bo tam takie podstawy jak przypisać VALUE dla option masz wyjaśnione....


witam,
lekcje odrobione:")


[HTML] pobierz, plaintext 
  1. Wyplata kredytu:<select id="wyplata_kredytu" name="wyplata_kredytu" onchange="if (this.value==2) alert('Jupi');">
  2. 		<option value="1">gotówką w kasie Banku</option>
  3. 		<option value="2">w formie przelewu na rachunek nr.</option>
  4. 		(...)
  5. 	</select>
[HTML] pobierz, plaintext


tylko nie chce zeby mi to wyskakiwalo tak jak teraz okienko jupi tylko zeby pojawilo sie normalne pole tekstowe po zaznaczeniu 2 opcji zaraz pod druga opcją miejsce na pisanie tekstu smile.gif
Go to the top of the page
+Quote Post
nospor
post
Post #10





Grupa: Moderatorzy
Postów: 36 557
Pomógł: 6315
Dołączył: 27.12.2004
Cytat
tylko nie chce zeby mi to wyskakiwalo tak jak teraz okienko jupi tylko zeby pojawilo sie normalne pole tekstowe po zaznaczeniu 2 opcji zaraz pod druga opcją miejsce na pisanie tekstu
No przecież wiem.... dlatego ci napisałem byś ten alert zastąpił właściwym kodem....

Nie wspomnę już o tym, że Twój problem w całości został rozwiązany parę postów wcześniej. Jeśli cię tamto rozwiązanie nie zadowala, to zamień alert jak ci pisałem, na kod, który pokazuje inputa, który jest ukryty - to jest kolejna praca domowa smile.gif


--------------------

"Myśl, myśl, myśl..." - Kubuś Puchatek || "Manual, manual, manual..." - Kubuś Programista
"Szukaj, szukaj, szukaj..." - Kubuś Odkrywca || "Debuguj, debuguj, debuguj..." - Kubuś Developer
Go to the top of the page
+Quote Post
shaolin33
post
Post #11





Grupa: Zarejestrowani
Postów: 136
Pomógł: 0
Dołączył: 5.10.2012

Ostrzeżenie: (10%)
X----

czy chodzi o ten kod?
ten mam przerobic tak ?


tutaj akurat pojawia się pole tekstowe po kliknieciu w checkbox:)



[HTML] pobierz, plaintext 
  1. <input type="checkbox" name="nazwa3" value="wartosc3" onclick="document.getElementById('id5').style.display = this.checked ? 'block' : 'none'; this.form.elements['nr_konta'].disabled" />
  2. <div id="id5" style="display: none">
  3. 	Nr konta:<input type="text" name="nr_konta" disabled="disabled" />
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post
nospor
post
Post #12





Grupa: Moderatorzy
Postów: 36 557
Pomógł: 6315
Dołączył: 27.12.2004
Tak, dokładnie. Zamiast alerta masz dać kod:
document.getElementById('id5').style.display = 'block';


--------------------

"Myśl, myśl, myśl..." - Kubuś Puchatek || "Manual, manual, manual..." - Kubuś Programista
"Szukaj, szukaj, szukaj..." - Kubuś Odkrywca || "Debuguj, debuguj, debuguj..." - Kubuś Developer
Go to the top of the page
+Quote Post
shaolin33
post
Post #13





Grupa: Zarejestrowani
Postów: 136
Pomógł: 0
Dołączył: 5.10.2012

Ostrzeżenie: (10%)
X----

ok tego oczekiwałem":_


[HTML] pobierz, plaintext 
  1. <div> Wyplata kredytu:<select id="wyplata_kredytu" name="wyplata_kredytu" onchange="if (this.value==2) document.getElementById('id5').style.display = 'block'">
  2. 		<option value="1">gotówką w kasie Banku</option>
  3. 		<option value="2">w formie przelewu na rachunek nr.</option>
  4. 		(...)
  5. 	</select></div>	
  6. <div id="id5" style="display: none">
  7. 	Nr konta:<input type="text" name="nr_konta" disabled="disabled" />	
  8. </div>
[HTML] pobierz, plaintext


tylko nie wiem gdzie zrobiłem błąd bo pole txt ktore sie pokazuje nie jest aktywne i nie moge nic w nie wpisac:(
Go to the top of the page
+Quote Post
nospor
post
Post #14





Grupa: Moderatorzy
Postów: 36 557
Pomógł: 6315
Dołączył: 27.12.2004
Wywal: disabled="disabled"


--------------------

"Myśl, myśl, myśl..." - Kubuś Puchatek || "Manual, manual, manual..." - Kubuś Programista
"Szukaj, szukaj, szukaj..." - Kubuś Odkrywca || "Debuguj, debuguj, debuguj..." - Kubuś Developer
Go to the top of the page
+Quote Post
shaolin33
post
Post #15





Grupa: Zarejestrowani
Postów: 136
Pomógł: 0
Dołączył: 5.10.2012

Ostrzeżenie: (10%)
X----

dziękuje:)
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 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: 20.08.2025 - 12:08
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn