Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [HTML][JavaScript][jQuery]Select zależny od div
webmaniak
post
Post #1





Grupa: Zarejestrowani
Postów: 371
Pomógł: 30
Dołączył: 14.04.2010

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

Witam,
mam pewien kod:
[HTML] pobierz, plaintext 
  1. <script src="http://code.jquery.com/jquery-1.9.0.min.js"></script>
  2. <script src="http://code.jquery.com/jquery-migrate-1.1.0.min.js"></script>
  3. <form method="POST">
  4.  
  5.     <select id="wybor">
  6.         <option value="pierwszy">PHP</option>
  7.         <option value="drugi">JS</option>
  8.         <option value="trzeci">CSS</option>
  9.         <option value="czwarty">Ajax</option>
  10.         <option value="piaty">jQuery</option>
  11.     </select>    
  12.  
  13.  
  14. </form>
  15.  
  16. <div id="jezyk">
  17.     Ajax
  18. </div>
  19.  
  20.  
  21.  
  22.  
  23.  
  24. <script type="text/javascript">
  25.     $(document).ready(function() {
  26.         $('#jezyk').on('click', function() {
  27.             $('#wybor').val($('#jezyk').html());
  28.         })
  29.     });
  30. </script>
[HTML] pobierz, plaintext

Chciałbym aby po kliknięciu na element o id jezyk zmienił się select na wartość taką jaka jest w tym divie. W divie może być dowolna wartość z selecta, może też być to pusty element. Kod który przedstawiłem nie działa mi, nie zmienia nic, nie wiem czemu. Jestem zielony w jQuery i nie wiem jak sobie z tym poradzić. Pomoże ktoś?

Ten post edytował webmaniak 25.02.2013, 19:55:06
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
bpskiba
post
Post #2





Grupa: Zarejestrowani
Postów: 340
Pomógł: 49
Dołączył: 3.07.2009
Skąd: Rzeszów

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

Nie bardzo rozumiem jaki sens ma ta odwrotność. Przecież generując stronę zamiast wyświetlać "Ajax" możesz wstawić dowolną treść po stronie serwera.
Tutaj chyba php potrzeba a nie jquery czy js.

odwrotnie:

[HTML] pobierz, plaintext 
  1. <HTML>
  2. <body onload="kk()";>
  3.  
  4.     <form method="POST">
  5.     <select id="wybor">
  6.     <option value="pierwszy">PHP</option>
  7.     <option value="drugi">JS</option>
  8.     <option value="trzeci" selected>CSS</option>
  9.     <option value="czwarty">Ajax</option>
  10.     <option value="piaty">jQuery</option>
  11.     </select>
  12.    </form>
  13.     <div id="jezyk">
  14.     Ajax
  15.     </div>
  16.  
  17. <script type="text/javascript">
  18. function kk()
  19.   {
  20.   var e=document.getElementById("wybor");
  21.    switch(e.value)
  22.      {
  23.      case"pierwszy": document.getElementById("jezyk").innerHTML="PHP";
  24.                       break;
  25.      case"drugi": document.getElementById("jezyk").innerHTML="JS";
  26.                       break;
  27.      case"trzeci": document.getElementById("jezyk").innerHTML="CSS";
  28.                       break;
  29.      case"czwarty": document.getElementById("jezyk").innerHTML="Ajx";
  30.                       break;
  31.      case"piaty": document.getElementById("jezyk").innerHTML="jQuery";
  32.                       break;
  33.      }
  34.  }
  35.     </script>
  36. <body></HTML>
[HTML] pobierz, plaintext


Ten post edytował bpskiba 25.02.2013, 21:51:45
Go to the top of the page
+Quote Post

Posty w temacie
- webmaniak   [HTML][JavaScript][jQuery]Select zależny od div   25.02.2013, 19:21:24
- - bpskiba   [HTML] pobierz, plaintext <HTML><body...   25.02.2013, 20:31:54
- - webmaniak   Hmm, dzięki za odpowiedź i kod. Zrobiłeś ale odwro...   25.02.2013, 20:53:48
- - foxbond   Kolega miał na myśli, że do tak prostych zadań nie...   25.02.2013, 21:08:34
|- - webmaniak   Cytat(foxbond @ 25.02.2013, 21:08:34 ...   25.02.2013, 21:25:17
- - bpskiba   Nie bardzo rozumiem jaki sens ma ta odwrotność. Pr...   25.02.2013, 21:44:31
- - webmaniak   Ok, to działa, ale cały czas nie o to mi chodzi. C...   26.02.2013, 08:51:27

« Następny starszy · Przedszkole · 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: Przełącz na: Standardowy · Przełącz na: Linearny+ · Drzewo

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

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