Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [JavaScript][PHP] Edycja input zmieniająca Select
Zuzanna777
post 22.06.2015, 13:46:20
Post #1





Grupa: Zarejestrowani
Postów: 10
Pomógł: 0
Dołączył: 22.06.2015

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

Prosze o sugestie na temat rozwiązania problemu.
Mam pole input, w którym wpisuję rasę oraz select posiadające dwie opcje "TAK" oraz "NIE".
Moje pytanie brzmi jak uzależnić to co wpiszę w input od select.
Np. mam gdzieś na kartce listę ras: York oraz Chihuahua więc jeżeli użyję którejś z nich w polu input automatycznie bez odświerzania strony zostanie wybrane w select "TAK".
Lista ras powodująca wybór "TAK" nie musi być w bazie danych jest na tyle krótka, że może byc w postaci warunków lub tabeli. Poniżej przedstaweiam fagment formularza.

<form id="licz_punkty" name="licz_punkty" >
<TR><TD>Rasa:</TD>
<TD><input type="text" " id="rasa" name="rasa" value=""></TD></TR>


<TR><TD title="x">Rasa wrażliwa na choroby:</TD>
<TD>
<SELECT name="nr_1">
<OPTION SELECTED> </OPTION>
<OPTION value="5">TAK </OPTION>
<OPTION value="10">NIE </OPTION>
</SELECT></TD>
</form>
Go to the top of the page
+Quote Post
kafowi
post 22.06.2015, 14:37:39
Post #2





Grupa: Zarejestrowani
Postów: 75
Pomógł: 20
Dołączył: 13.02.2015

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

[HTML] pobierz, plaintext 
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>Rasa</title>
  6. </head>
  7.  
  8. <body>
  9.  
  10. <form name="licz_punkty">
  11. <label>Rasa: </label><input type="text" name="rasa" placeholder="np. York" onblur="sprawdzamy()"><br>
  12. <label>Rasa wrażliwa na choroby</label>
  13. <select name="nr_1">
  14. <option value="0"></option>
  15. <option value="5">TAK </option>
  16. <option value="10">NIE </option>
  17. </select>
  18. </form>
  19.  
  20. <script type="text/javascript">
  21. function sprawdzamy() {
  22. 	var rasa = document.licz_punkty.rasa.value.toUpperCase();
  23. 	if(rasa=="YORK" || rasa=="GRZYB" || rasa == "KAWA")
  24. 	{
  25. 		document.licz_punkty.nr_1.options[1].selected="true";
  26. 	}
  27. 	else
  28. 	{
  29. 		document.licz_punkty.nr_1.options[2].selected="true";
  30. 	}
  31. }
  32. </script>
  33. </body>
  34. </html>
[HTML] pobierz, plaintext

Są warunki, jest sprawdzanie. Jeżeli jest to zadanie (o dziwo miałem ostatnio coś podobnego, jakaś epidemia closedeyes.gif ) to radziłbym się do nauki przyłożyć.
Można było to rozwiązać lepiej, ale taka forma też nie jest zła.

Ten post edytował kafowi 22.06.2015, 14:45:30
Go to the top of the page
+Quote Post
Zuzanna777
post 22.06.2015, 15:22:55
Post #3





Grupa: Zarejestrowani
Postów: 10
Pomógł: 0
Dołączył: 22.06.2015

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

Tak smile.gif to jedno z zadań ....


Dziękuję oczywiście o to mi chodziło . . . smile.gif
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 Wersja Lo-Fi Aktualny czas: 18.07.2025 - 07:05
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn