Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> Wczytywanie inputa do selecta
dag1980
post
Post #1





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

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

Witam, Powiedźcie mi jak robić za pomocą ajax'a taki efekt: Mam pole input i po kliknięciu na buttona, zawartośc tego inputa dodawana jest do pola select.
Znalazłem skrypt który mniej więcej tak działa tylko że na dwóch selectach Przykład
Pomożecie...
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
dag1980
post
Post #2





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

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

Chce ażeby to działało bez przeładowania strony. Ma to wyglądać w ten sposób ze osoba wpisuje coś w inputa, klika na buttona "dodaj" i on dodaje zawartość inputa do selecta, i może wykonać ta operacje kilka krotnie, więc beż sensu by było gdyby za każdym razem przeładowywała się strona.

Wykombinowałem takie coś

[HTML] pobierz, plaintext 
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.   <style>
  5.  
  6.   p { color:blue; margin:8px; }
  7.   </style>
  8.   <script src="http://code.jquery.com/jquery-latest.js"></script>
  9.   <script>
  10.  jQuery.noConflict();
  11.  jQuery().ready(function() {  
  12.     jQuery("#add").click(function () {
  13.       var value =  jQuery("#tekst").val();
  14. 	  //jQuery("select").text(value);
  15. 	  jQuery("#select1").append(jQuery("#tekst").val() );
  16. 	  /// return !jQuery('#select1 option:selected').appendTo('#select1');  
  17.      // jQuery("p").text(value);
  18.     });
  19. 	});
  20. </script>
  21.  
  22. </head>
  23. <body>
  24. 	<input type="text" id="tekst" value="text"/>
  25. 	 <a href="#" id="add">add &gt;&gt;</a>
  26.   <p></p>
  27.  
  28. <div>
  29.   <select multiple id="select1">
  30.     <option value="1">Option 1</option>
  31.  
  32.     <option value="2">Option 2</option>
  33.     <option value="3">Option 3</option>
  34.     <option value="4">Option 4</option>
  35.   </select>
  36.  </div>
  37.  
  38. </body>
  39. </html>
  40.  
[HTML] pobierz, plaintext


Dodaje mi nową pozycje ale przy następnym razie dołącza tekst do ostatniej pozycji.

Tak to mniej więcej wygląda po dodaniu trzech słów 'text'
Option 1
Option 2
Option 3
Option 4
texttexttext
Go to the top of the page
+Quote Post

Posty w temacie
- dag1980   Wczytywanie inputa do selecta   18.03.2010, 11:50:51
- - #luq   A w jakim celu chcesz tu Ajax`a zastosować? T...   18.03.2010, 12:04:54
- - dag1980   Chce ażeby to działało bez przeładowania strony. M...   18.03.2010, 14:12:10
- - #luq   Mylisz pojęcia... Ty potrzebujesz JS`a a nie A...   18.03.2010, 19:03:07
- - dag1980   Dokładnie o to chodziło, Jak widać jestem początku...   19.03.2010, 07:04:31

« Następny starszy · XML, AJAX · 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: 7.10.2025 - 04:30
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn