Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [JavaScript][HTML][PHP]Problem z licznikiem jquery
inomi13
post 11.03.2022, 16:04:44
Post #1





Grupa: Zarejestrowani
Postów: 95
Pomógł: 0
Dołączył: 16.08.2017

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


Witam, mam problem z licznikiem w poniższym kodzie. Po dodaniu np. 5 wierszy i kiedy w 1,2,3,4 wierszu zmieniam option na name2 to zawsze input domain zmienia mi w ostatnim wierszu a nie w tym wierszu w którym właśnie jestem.

  1. <div class="row">
  2. <div class="col-md-3 col-sm-12">
  3. <select id="select_register" name="service_name[0]" class="form-select">
  4. <option value="name1">1</option>
  5. <option value="name2">2</option>
  6. </select>
  7. </div>
  8. <div id="domain" class="col-md-3 col-sm-12" style="display:none;">
  9. <input type="text" name="domain_name[0]" class="form-control">
  10. </div>
  11. <div class="col-md-3 col-sm-12">
  12. <button type="button" id="add" class="btn btn-success form">Dodaj</button>
  13. </div>
  14. </div>
  15. <div id="more_register_form"><div class="row">

  1. $(document).ready(function(){
  2. var counter = 1;
  3. $("#add").click(function () {
  4. var html = '';
  5. html += '<div class="row"><div class="col-md-3 col-sm-4">
  6. html += '<select id="select_register' + [counter] + '" name="service_name[' + [counter] + ']" class="form-select">';
  7. html += '<option value="name1">1</option>';
  8. html += '<option value="name2">2</option></select>';
  9. html += '<div id="domain[' + [counter] + ']" class="col-md-3 col-sm-12" style="display:none;"><input type="text" name="domain_name[' + [counter] + ']" class="form-control"></div>';
  10. html += '<div class="col-md-3 col-sm-4"><button type="button" id="remove" class="btn btn-danger form">Usuń usługę </button><br/></div></div>';
  11.  
  12. $('#more_register_form').append(html);
  13. $(document).on('click', '#remove', function (){
  14. $(this).closest('.row').remove();
  15. counter = 1;
  16. });
  17.  
  18. $('#select_register'.counter).on('change', function() {
  19. if(this.value == 'name2'){
  20. $('#domain'.counter).show();
  21. }
  22. else{
  23. $('#domain'.counter).hide();
  24. }
  25.  
  26. counter ++;
  27. });
  28. });
  29. });


Ten post edytował inomi13 11.03.2022, 17:22:52
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: 20.06.2025 - 03:48