Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> lista rozwijana z linkami w java script
arbak
post 14.12.2011, 11:26:58
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:

  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>


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ć:


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

Posty w temacie


Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 14.08.2025 - 03:22