Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> lista rozwijana z linkami w java script
arbak
post
Post #1





Grupa: Zarejestrowani
Postów: 31
Pomógł: 0
Dołączył: 27.09.2006

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

Mam taki problem. Stworzyłem listę rozwijaną w php z miastami następnie chcę aby te miasta z rozwijanej llisty przenosić do listy w drugim boxie. Jednak nie chcę używać przycisku button add tylko gdy zaznaczę coś na liście rozwijanej w jednym boxie wskoczy to od razu ro drugiego boxu . Mysłałem o tym by zrobić tak:

[HTML] pobierz, plaintext 
  1. <select name="selectfrom" id="select-from" multiple size="5">
  2.       <option value="java script:void(0);" id="btn-add">{miasta_Menu}</otpion>
  3.     </select>
[HTML] pobierz, plaintext


lecz to nie działa jak mogę podłaczyć ten link do rozwijanej listy do option bo <a href też chyba nie wchodzi w grę w polu <option.

Dzięki z góry.

Poniżej jest ten kod który chcę przerobić:


[HTML] pobierz, plaintext 
  1. <html>
  2. 	<head>
  3. 		<title></title>
  4. 		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  5. 		<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
  6. 	<script type="text/javascript">
  7. jQuery(function(){
  8.      $('#btn-add').click(function(){
  9. 		$('#select-from option:selected').each( function() {
  10. 			$('#select-to').append("<option value='"+$(this).val()+"'>"+$(this).text()+"</option>");
  11. 			$(this).remove();
  12. 		});
  13. 	});
  14. 	$('#btn-remove').click(function(){
  15. 		$('#select-to option:selected').each( function() {
  16. 			$('#select-from').append("<option value='"+$(this).val()+"'>"+$(this).text()+"</option>");
  17. 			$(this).remove();
  18. 		});
  19. 	});
  20. });
  21. </script>
  22. 	</head>
  23.  
  24. 	<body>
  25.  
  26.  
  27. 		<form>
  28.   <fieldset>
  29.  
  30.     <select name="selectfrom" id="select-from" multiple size="5">
  31.       {miasta_Menu}
  32.     </select>
  33.  
  34.     <a href="java script:void(0);" id="btn-add">Add &raquo;</a>
  35.     <a href="java script:void(0);" id="btn-remove">&laquo; Remove</a>
  36.  
  37.     <select name="selectto" id="select-to" multiple size="5">
  38.  
  39.     </select>
  40.  
  41.   </fieldset>
  42. </form>
  43. 	</body>
  44. </html>
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post
mortus
post
Post #2





Grupa: Zarejestrowani
Postów: 2 178
Pomógł: 596
Dołączył: 25.09.2009
Skąd: Piwniczna-Zdrój

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

Oto rozwiązanie.
Jeśli miasto po kliknięciu ma być skopiowane, to należy użyć .clone() zamiast .append() dla select-from oraz .remove() zamiast .append() dla select-to.
Go to the top of the page
+Quote Post
arbak
post
Post #3





Grupa: Zarejestrowani
Postów: 31
Pomógł: 0
Dołączył: 27.09.2006

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

Dzięki wielkie, gdzie mam wysłać piwo?

Pozdrawiam
Go to the top of the page
+Quote Post
« Następny starszy · Po stronie przeglądarki · 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: 12.10.2025 - 14:40
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn