Динамически созданный элемент и событие

Question

Динамически созданный элемент и событие

0

Я хочу знать, как добавить событие в динамически созданный элемент. он отлично работает для первой строки, но необходимо привязать SplitSelectValue к следующей сгенерированной строке.

$('#SelID_').change(function () {
SplitSelectValue($(this));
});

function SplitSelectValue () {
var data =$("#SelID_ option:selected").val();   
var arr = data.split('|');
$("#SelVala_").val(arr[0]);
$("#SelValb_").val(arr[1]);
$("#SelValc_").val(arr[2]);
}

См. Jsfiddle

Обновленная скрипка с двумя разными таблицами

user3426204 29 март 2014, в 16:38

Источник

4

идентификатор должен быть уникальным ..
Rajaprabhu Aravindasamy 29 март 2014, в 15:32

Теги:

javascript

jquery

2 ответа

0

использование мероприятия - делегирование

$(document).on('change', '#SelID_', function () {
SplitSelectValue($(this));
});

вместо ID лучше использовать селектор классов (идентификатор должен быть уникальным на странице, иначе - генерировать динамический идентификатор)

Vasiliy Vanchuk 29 март 2014, в 13:51

1

если вы прочитаете код в Jsfiddle, то увидите, что идентификатор генерируется динамически. Поэтому я думаю, что мне нужно использовать функцию (событие) и счетчик.
user3426204 29 март 2014, в 15:40

Ещё вопросы

идентификатор должен быть уникальным ..
если вы прочитаете код в Jsfiddle, то увидите, что идентификатор генерируется динамически. Поэтому я думаю, что мне нужно использовать функцию (событие) и счетчик.

Rajaprabhu Aravindasamy · Accepted Answer · 2014-03-29T14-02-00.000Z

что вам нужно,

Event-делегация
Атрибут начинается с выбора
Терпение исправить ошибки

Пытаться,

$(document).on('change', '[id^="SelID_"]', function () {
    SplitSelectValue($(this));
});

function SplitSelectValue(obj) {
    var data = obj.find("option:selected").val();
    var arr = data.split('|');
    var tr = obj.closest('tr');
    tr.find("[id^='SelVala_']").val(arr[0]);
    tr.find("[id^='SelValb_']").val(arr[1]);
    tr.find("[id^='SelValc_']").val(arr[2]);
}

DEMO

он отлично работает для строки в той же таблице, но что, если я создаю строку в другой таблице обновленной скрипки