Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [AJAX][PHP]ajax w petli foreach
klopot21
post 11.01.2022, 20:58:54
Post #1





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

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


Cześć,
Mam pętle w której wyświetlany jest przycisk submit chciałbym się dowiedzieć w jaki sposób pobrać id przycisku żeby wybierał odpowiednio pozostałe dane? Obecnie nie ważne czy klikam 1 czy 2 przycisk dane są te sam.


  1. <button type="submit" id_film="film_<?php echo $id; ?>" class="btn btn-success vote-btn">Pokaż</button>
  2.  
  3. <script>
  4. $(document).ready(function() {
  5.  
  6. var id = $('#show_files_url').val();
  7. var id2 = $('#show_files_folder').val();
  8. var id3 = $('#show_files_folder_number').val();
  9.  
  10. $('.film_').on('click', function (e) {
  11. e.preventDefault();
  12. $.ajax({
  13. type: 'POST',
  14. url: "{{url('/show_absence_files')}}",
  15. data: {"_token": "{{ csrf_token() }}", show_files_url: id, show_files_folder: id2, show_files_folder_number: id3 },
  16. success: function(data)
  17. {
  18. $("#content").html(data);
  19. }
  20. });
  21. });
  22. });
  23. </script>
Go to the top of the page
+Quote Post
nospor
post 11.01.2022, 22:15:30
Post #2





Grupa: Moderatorzy
Postów: 36 457
Pomógł: 6296
Dołączył: 27.12.2004




Jesli kilka elementow ma to samo ID w petli no to sory, ale biorac element po ID zawsze dostaniesz pierwszy z nich.
Elementy maja miec klasy a nie ID i masz szukac po klasach, ewnetualnie po dodatkowych parametrach lub elemetnac obok siebie


--------------------

"Myśl, myśl, myśl..." - Kubuś Puchatek || "Manual, manual, manual..." - Kubuś Programista
"Szukaj, szukaj, szukaj..." - Kubuś Odkrywca || "Debuguj, debuguj, debuguj..." - Kubuś Developer

Go to the top of the page
+Quote Post
klopot21
post 11.01.2022, 22:32:44
Post #3





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

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


Poprawiłem obecnie każdy input ma przypisane id. nazwa_1, nazwa_2, itp tylko teraz pytanie w jaki sposób to odebrać js? aby później wysłać?

Próbowałem
  1. $("button").click(function() {
  2. alert(this.id);
  3. }
  4.  
  5.  
  6. $("button").click(function() {
  7. alert(this.id);
  8. var id = $('input.show_files_url_(this.id)').val();
  9. var id2 = $('input.show_files_folder_(this.id)').val();
  10. var id3 = $('.input.show_files_folder_number_(this.id)').val();
  11. $.ajax({
  12. type: 'POST',
  13. url: "{{url('/show_absence_files')}}",
  14. data: {"_token": "{{ csrf_token() }}", show_files_url: id, show_files_folder: id2, show_files_folder_number: id3 },
  15. success: function(data)
  16. {
  17. $("#content").html(data);
  18. }
  19. });
  20. });


Ten post edytował klopot21 11.01.2022, 22:59:32
Go to the top of the page
+Quote Post
aras785
post 11.01.2022, 23:36:15
Post #4





Grupa: Zarejestrowani
Postów: 859
Pomógł: 177
Dołączył: 29.10.2009

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


Siemanko,

może coś takiego Cię uratuje: https://jsfiddle.net/sz8v6uj9/

Pozdrawiam
Go to the top of the page
+Quote Post
klopot21
post 12.01.2022, 00:18:44
Post #5





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

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


Cytat(aras785 @ 11.01.2022, 23:36:15 ) *
Siemanko,

może coś takiego Cię uratuje: https://jsfiddle.net/sz8v6uj9/

Pozdrawiam


Dziękuje !

  1. $("button[data-id]").click(function(e) {
  2. e.preventDefault();
  3. let id = $(this).attr('data-id');
  4. let show_files_url = $('input[data-id="' + id + '"][data-name="show_files_url"]').val();


tego właśnie potrzebowałem!

Ten post edytował klopot21 12.01.2022, 00:19:12
Go to the top of the page
+Quote Post

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: 26.04.2024 - 22:43