Есть код, в котором <input>
добавляются с помощью jQuery, но почему-то передается значение только первого созданного <input>
-a.
jQuery('form').on('click', '#serviceAdd a.pluss', function(ev) {
ev.preventDefault();
var plus = '<label><span> название услуги</span><input type="text" value="" name="servicesCode[]" class="servicesCode"></label><label><span> рекомендации данные в акте</span><input type="text" value="" name="servicesItself[]" class="servicesItself" /></label>'
$('#serviceAdd').append(plus);
});
$('#addServices').click(function() {
var sC=" ";
$(".servicesCode").each(function() {
sC += $(".servicesCode").val() + " ;%";
alert($(".servicesCode").val());
});
alert(sC);
});
<form>
<section id="serviceAdd">
<label>
<span> название услуги</span>
<input type="text" value="" name="servicesCode[]" class="servicesCode">
</label>
<label>
<span> рекомендации данные в акте</span>
<input type="text" value="" name="servicesItself[]" class="servicesItself" />
</label>
<a href="#" class="pluss">+</a>
</section>
<a href="#" class="submit" id="addServices">Внести</a>
</form>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
Если добавляю <input>
и ввожу в первую пару 1
,11
, а во вторую - 2
,22
, то получаю ответы alert
: первое окно - 1
, второе окно - 1
, третье - 1%;1%;
.
В чём проблема?