Как передать name в функцию?

Question

[DemonFromIrk]

У меня на странице есть input:

<div class="col-sm-10 ld-ext-right">
<input type="text" class="form-control" name="test1" onchange="changeData()">
<div class="ld ld-ring ld-spin"></div></div>

Как мне в функцию changeData на JS передать name от input? Можно, конечно, указать в onchange напрямую, но есть ли что-то более элегантное, типа this?
В функции changeData я хочу сделать добавление класса "running" в <div class="col-sm-10 ld-ext-right">

Или как это более правильно сделать? Если учесть, что у меня таких инпутов десяток на странице.

Comments

[Виталий Киренков]

Вы как то намешали... Передача имени, какой то раннинг, и класс куда-то.

У вас вопрос - как передать имя?
Или как навесить куда-то класс, по какому-то условию?

[DemonFromIrk]

Виталий Киренков, извините :(
Я по onchange вызываю функцию, которая перед ajax запросом должна добавить в div (в котором input) класс running (loading.io), чтобы симпатично заблокировать поле и loader воткнуть.
А после выполнения ajax-запроса мне надо убрать этот класс.

Надеюсь, так понятнее.

[Виталий Киренков]

DemonFromIrk, jQuery есть?

[DemonFromIrk]

Виталий Киренков, подключена ли она в смысле? Если этот вопрос, то да.

[Виталий Киренков]

DemonFromIrk, тогда предложенный мной вариант решения вам подойдёт

Answer 1

[Виталий Киренков]

Вот и name и управление классом:

https://codepen.io/vitaliy_kirenkov/pen/dayrJj

Comments

[DemonFromIrk]

Спасибо большое!
Получается, этот код будет работать с любым class="form-control" на странице?

[DemonFromIrk]

И зачем еще оборачивать в $(function() ?

[Виталий Киренков]

DemonFromIrk, '$(function()' - это короткое написание (синоним) Document.ready. Если оно у вас в коде уже имеется, то нет необходимости ещё раз оборачивать.

Да, будет работать с любым form-control

[DemonFromIrk]

Виталий Киренков, спасибо большое еще раз)
Еще небольшой вопрос.
Хочу сделать секундную задержку при удалении класса.
Вот так, естественно, работать не будет, но что делать? Передавать селектор в settimeout или можно как-то проще?

setTimeout(function () {
                    $(this).parent().removeClass('running');
                    $.notify({
                        // options
                        message: 'Данные сохранены'
                    },{
                        placement: {
                            from: 'bottom',
                            align: 'right'
                        },
                        // settings
                        type: 'success'
                    });

                }, 1000);

[Виталий Киренков]

DemonFromIrk, по идее вы можете сделать $('.form-control').removeClass('running'); если у вас на странице форма одна. То есть необходимости искать 'тот самый' элемент, можно просто скинуть со всех

[DemonFromIrk]

Виталий Киренков, спасибо)
Мне уже неловко спрашивать, но...
Вы не подскажете, как в ajax при сериализации (data: $(this).serialize()) добавить еще скрытую переменную id? Или каким образом можно передать id записи, данные которой я меняю?
С учетом того, что у меня от каждого input запрос к базе идет отдельно (а не сразу вся форма)

[Виталий Киренков]

DemonFromIrk,
https://stackoverflow.com/questions/1277824/serial...

Добавьте name полю и должно получиться. И научитесь гуглить. Помогает. Правда.

Answer 2

[Yusif Zourab]

С помощью jQuery:
var name = $(".form-control").attr("name");

Comments

[DemonFromIrk]

А если я хочу для div сделать? В котором лежит input? Как мне их вообще отличать? Какие-то id назначить каждому div?

[Yusif Zourab]

var name = $("div input").attr("name");
там где div указываете класс или ид, можете и так оставить если только у одного div`а есть input. Также если вам нужно получить атрибут "name" сразу во всех div`ах то используйте метод ".map". В итоге вы получите массив в котором храняться все атрибуты "name" тега input расположеных внутри div`ов.

[DemonFromIrk]

Yusif Zourab, уже немного не актуально, но все равно приму к сведению, спасибо)