авторНа счет громоздкости... Если в шаблоне будет пара полей ввода, но только одно из них создает строку, если одна и та же логика будет использоваться с разными шаблонами в разных местах, если редактируемость или удаляемость строк меняется в зависимости от значений в других строках, если позиции строк можно менять местами перетаскиванием, если список нужно будет сохранять и загружать с сервера с помощью json и проч., то боюсь представить что будет, если писать на чистом js
не увлекайся ты этими "если" - делай то, что нужно здесь и сейчас! и не бойся ничего...! ;) трудись!
мне, просто, было интересно посмотреть на сколько оправданно использование jQuery в твоём случае - ИМХО - вовсе ненужно!
авторЕсли в шаблоне будет пара полей ввода, но только одно из них создает строку,
как то так...
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
$().ready(function() {
var tmpl = '<input type="checkbox" /><input type="text" /><input data-main="true" type="text" /><span class="close">x<span>';
function createTmpl(tmpl) {
var li = document.createElement('LI'),
parent = document.getElementById('cont'),
elms = parent.getElementsByTagName('li'),
iput, span,
mainInput = function(npts) {
for(var i = 0, max = npts.length; i < max; i += 1) {
if(npts[i].getAttribute('data-main')) {
return npts[i];
}
}
};
li.innerHTML = tmpl;
input = mainInput(li.getElementsByTagName('*'));
span = li.getElementsByTagName('span')[0];
span.onclick = function() {
parent.removeChild(li);
};
input.onkeyup = function() {
var last = elms[elms.length - 1],
prev = elms[elms.length - 2];
if(li === last && this.value != '') {
createTmpl(tmpl);
} else if (li === prev && this.value == '') {
parent.removeChild(last);
}
};
parent.appendChild(li);
};
createTmpl(tmpl);
})
