[JavaScript][HTML][PHP]Problem z licznikiem jquery Opcje

[inomi13]

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.

[HTML] pobierz, plaintext 
<div class="row">
  <div class="col-md-3 col-sm-12">	
	<select id="select_register" name="service_name[0]" class="form-select">
	  <option value="name1">1</option>
	  <option value="name2">2</option>
	</select>
 </div>
 <div id="domain" class="col-md-3 col-sm-12" style="display:none;">	
	<input type="text" name="domain_name[0]" class="form-control">
 </div>
 <div class="col-md-3 col-sm-12">	
	<button type="button" id="add" class="btn btn-success form">Dodaj</button>
 </div>
</div>
<div id="more_register_form"><div class="row">	
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
	$(document).ready(function(){
		  var counter = 1;
		  $("#add").click(function () {
			var html = '';
			html += '<div class="row"><div class="col-md-3 col-sm-4">
			html += '<select id="select_register' + [counter] + '" name="service_name[' + [counter] + ']" class="form-select">';
			html += '<option value="name1">1</option>';
			html += '<option value="name2">2</option></select>';
			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>';
			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>';
 
			$('#more_register_form').append(html);
			$(document).on('click', '#remove', function (){
				$(this).closest('.row').remove();
				counter = 1;
			});	
 
			$('#select_register'.counter).on('change', function() {
			  if(this.value == 'name2'){
				$('#domain'.counter).show();
			  }
			  else{
				$('#domain'.counter).hide();
			  }
 
			counter ++;	
			});
		});
		});
[HTML] pobierz, plaintext 

Ten post edytował inomi13 11.03.2022, 17:22:52

[nospor]

Klas nie robi sie unikalnych. Mowilem, szukaj klasy w dive z select. a ty teraz lecisz po id #domain i zdziiwony ze lapie ci pierwszy.
1) Rozrozniaj co to ID a co to klasa
2) Czytaj co sie do ciebie pisze
3) Nadaj klase dla divow domain, i potem bierz ten div domain z klasa, ktory lezy w tym samym divie co select, z ktorego wlasnie wybrales. Jak znalezc ten div co lezy w nim select? No jquery ma takie bajery jak PARENT().