0

Есть код, в котором <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%;.

В чём проблема?

6
  • @Алексей Шиманский извиняюсь эта часть кода сейчас поправлю
    – Sergalas
    23 окт 2015 в 5:53
  • @Алексей Шиманский все поправил
    – Sergalas
    23 окт 2015 в 6:00
  • @Regent Так я и спрашиваю в чем ошибка
    – Sergalas
    23 окт 2015 в 6:03
  • @Regent исправил :) говорюже код не весь .
    – Sergalas
    23 окт 2015 в 6:08
  • @Regent да в родном есть поставил здесь.
    – Sergalas
    23 окт 2015 в 6:11

1 ответ 1

0

$(".servicesCode").val() возвращает значение первого элемента, имеющего класс servicesCode. Для того чтобы получить значения всех элементов по очереди, можно использовать $(this).val() внутри .each():

$('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 += $(this).val() + " ;%";
        alert($(this).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>

0

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.