Witam,
Mam dwa listboxy - w pierwszym użytkownik ma wyswietlone opcje które moze wybrac, w drugim wybrane przez użytkownika. Jak zmienic skrypt aby do tablicy trafiały wylacznie pozycje widniejące na drugim listbox?

Kod:

  1. <!DOCTYPE html>
  2. <html lang="pl">
  3. <head>
  4. <link href="http://test8560.futurehost.pl/bootstrap.min.css" rel="stylesheet">
  5. <link href="http://test8560.futurehost.pl/bootstrap-duallistbox.css" rel="stylesheet" type="text/css">
  6. <script src="http://test8560.futurehost.pl/jquery-2.1.4.min.js"></script>
  7. <script src="http://test8560.futurehost.pl/bootstrap.min.js"></script>
  8. <script src="http://test8560.futurehost.pl/jquery.bootstrap-duallistbox.js"></script>
  9. </head>
  10. <div class="container">
  11. <br>
  12. <?php
  13. if (isset($_POST['docum_req3'])){
  14. $* = $_POST['duallistbox_3'];
  15. $tab = array($*);
  16. echo '<pre>';
  17. print_r($tab);
  18. echo '</pre>';
  19. }
  20. ?>
  21. <form class="form-horizontal" method="post" >
  22. <form id="form_function_level2" method="post">
  23. <select multiple="multiple" size="5" name="duallistbox_3[]" class="select_function_level2">
  24. <option value="1">Dokument nr 1</option>
  25. <option value="2">Dokument nr 2</option>
  26. <option value="3">Dokument nr 3</option>
  27. </select><br>
  28. <button type="submit" name="docum_req3" class="btn btn-success btn-block">Zapisz wymagania</button>
  29. </form>
  30. <br>
  31. var demo2 = $('.select_function_level2').bootstrapDualListbox({
  32. nonSelectedListLabel: 'Niewymagane dokumenty',
  33. selectedListLabel: 'Wymagane dokumenty',
  34. preserveSelectionOnMove: 'moved',
  35. moveOnSelect: false
  36. });
  37. $("#form_function_level2").submit(function() {
  38. alert($('[name="duallistbox_3[]"]').val());
  39. return false;
  40. });
  41. </script>
  42. </form>
  43. </div>
  44. </body>
  45. </html>


Oparty o rozwiązanie znajdujące się na stronie http://www.virtuosoft.eu/code/bootstrap-duallistbox/

Z góry dziękuję za pomoc!