Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [JavaScript]jQuery problem z listą rozwijaną
arzach
post
Post #1





Grupa: Zarejestrowani
Postów: 332
Pomógł: 6
Dołączył: 27.11.2008

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

Witam
Napisałem taki kodzik 

[JAVASCRIPT] pobierz, plaintext 
  1. <script>
  2.  
  3. 	$(document).ready(
  4. 	function()
  5. 	{
  6. 		$("#dodaj").change(function ()
  7. 		{
  8. var str = $(this).text();
  9.  
  10. $("<span class='text'>" + str + "</span>").appendTo("#wynik"); 
  11. });
  12. });
  13. </script>
  14.  
  15.  
  16. </head>
  17. <body>
  18. </head>
  19. <body>
  20.  
  21. <select name="cat" id="dodaj">
  22. 		<option value="1">Kategoria 1</option>
  23. 		<option value="2">Kategoria 2</option>
  24. 		<option value="3">Kategoria 3</option>
  25. 		<option value="4">Kategoria 4</option>
  26. 		<option value="5">Kategoria 5</option>
  27. </select>
  28. <div id="wynik"></div>
[JAVASCRIPT] pobierz, plaintext


I dodaje mi wszystkie nazwy kategorii a nie jedną a chciał bym by dodawało tylko tą jedną którą wybiorę. Jak mogę to zrobić ?

.

Ten post edytował arzach 15.11.2009, 11:49:20
Go to the top of the page
+Quote Post
seth-kk
post
Post #2





Grupa: Zarejestrowani
Postów: 444
Pomógł: 79
Dołączył: 26.05.2009

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

Kod
var str = $(':selected', $(this)).text();
Go to the top of the page
+Quote Post
arzach
post
Post #3





Grupa: Zarejestrowani
Postów: 332
Pomógł: 6
Dołączył: 27.11.2008

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

Rozwiązałem to tak i działa tak jak chciałem
[JAVASCRIPT] pobierz, plaintext 
  1. <html>
  2. <head>
  3.   <script src="http://code.jquery.com/jquery-latest.js"></script>
  4.  
  5.  
  6. <style type="text/css">
  7. .text { 
  8. display: block; 
  9. text-decoration: none; 
  10. margin-left: 10px;
  11. }
  12. </style>
  13.  
  14.  
  15. <script>
  16. $(document).ready(function(){
  17.  
  18. $("#dodaj").change(function (){
  19. var str = "";
  20. $("select[name=cat] option:selected").each(function () {
  21. str += $(this).text() + " ";
  22. });
  23. var new_label = $("<label>");
  24. var new_link = $("<a>");
  25. new_link.attr("href", "#");
  26. new_link.html("usuń");
  27. new_link.click(function()
  28. {
  29. $(this).parent("label").remove();
  30. return false;
  31. });
  32. new_label.append(str);
  33. new_label.append(new_link);
  34. new_label.addClass("text");
  35. $("#wynik").append(new_label);
  36. return false;
  37. });
  38. });
  39.  
  40.  
  41. </script>
  42.  
  43.  
  44. </head>
  45. <body>
  46. </head>
  47. <body>
  48.  
  49. <select name="cat" id="dodaj">
  50.   <option value="1">Kategoria 1</option>
  51.   <option value="2">Kategoria 2</option>
  52.   <option value="3">Kategoria 3</option>
  53.   <option value="4">Kategoria 4</option>
  54.   <option value="5">Kategoria 5</option>
  55. </select>
  56. <div id="wynik"></div>
  57.  
  58.  
  59. </body>
  60. </html>
[JAVASCRIPT] pobierz, plaintext

tylko teraz potrzebuje zrobić tablice tych elementów id które wybrałem a potem po kliknięciu przycisku dodaj by je dodało do bazy. Jak mogę to zrobić ? Proszę o jakieś wskazówki.
Go to the top of the page
+Quote Post
« 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: 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: 22.08.2025 - 21:53
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn